我正在开发一个应用程序,需要在¥
中输入价格,因此没有小数位。如果我们使用keyboardType: TextInputType.numberWithOptions()
,我们可以得到一个数字键盘输入。如果我们使用validator: (input) { }
,我们可以检查输入是否有效,但我们不能阻止它。
问题是我们可以保存一个不需要验证的草稿。所以对我们来说,最好一开始就只允许数字输入。
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Digits Only',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => new _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
TextFormField(
autovalidate: true,
keyboardType: TextInputType.number,
validator: (input) {
final isDigitsOnly = int.tryParse(input);
return isDigitsOnly == null
? 'Input needs to be digits only'
: null;
},
),
],
),
),
);
}
}
有没有办法阻止某些文本输入而只允许数字输入?
4条答案
按热度按时间dpiehjr41#
是的,您可以使用
inputFormatters
属性并添加WhitelistingTextInputFormatter.digitsOnly
表达式您可以在这里找到更多信息:https://docs.flutter.io/flutter/services/TextInputFormatter-class.html
flutter 1.12之后,
WhitelistingTextInputFormatter
被弃用,您正在运行一个更新的版本,请用途:FilteringTextInputFormatter.digitsOnly
https://api.flutter.dev/flutter/services/FilteringTextInputFormatter-class.html
u4dcyp6a2#
不推荐使用
WhitelistingTextInputFormatter
并使用double数字:RegExp('[0-9.,]+')
允许0到9之间的数字,也允许逗号和点。可以使用
RegExp('([0-9]+(\.[0-9]+)?)')
来允许数字和仅一个点。请参阅here的说明。double.parse()
将字符串转换为双精度型。不要忘记您需要:
import 'package:flutter/services.dart';
zujrkrfu3#
2021年4月或之后的更新:
使用输入格式化程序的其他示例包括:
或
或
在上面的例子中,你可以得到
7gcisfzg4#
如果我没有误解你的意思,只需在文本字段中使用
keyboardType: TextInputType.number,
。