- mongodb - 在 MongoDB mapreduce 中,如何展平值对象?
- javascript - 对象传播与 Object.assign
- html - 输入类型 ="submit"Vs 按钮标签它们可以互换吗?
- sql - 使用 MongoDB 而不是 MS SQL Server 的优缺点
我正在开发一个应用程序,该应用程序需要在 ¥
中输入价格,因此没有小数位。如果我们使用 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;
},
),
],
),
),
);
}
}
有没有办法阻止某些文本输入,只允许数字输入?
最佳答案
是的,您可以使用 inputFormatters
属性并添加 WhitelistingTextInputFormatter.digitsOnly
表达式
import 'package:flutter/services.dart';
TextFormField(
...
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
关于flutter - Flutter中的仅数字TextFormField,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51778266/
请帮助解决我的 2 个问题。 第一个问题。为什么文本值消失?[已修复] @Praneeth我添加了动图 please click 我的代码就是这样用的 在我的小部件中,我调用了 UsernameTex
这是我目前面临的情况,因为我希望红色文本出现在该行的下方而不是上方,因为它看起来有点丑陋,如下所示: new Container( width: Media
当用户输入第一个 TextFormField 时,我试图更改第二个 TextFormField 的值。 TextEditingController txt1 = TextEditingControl
我正在尝试创建一个带有列的表单。 喜欢,表单 => 列 => 文本字段, TextFields 将有验证器。此外,TextFields 将进行装饰。 但是当我点击 RaisedButton 时,我找不
我需要一个带有 suffixIcon 的 textField,但是单击该图标后,我不需要打开键盘。如果没有 suffixIcon,我该如何做呢? 最佳答案 Container( child: St
当我按下按钮时,TextFormField 将被聚焦并出现键盘。如何解决这个问题? 代码如下: TextFormField( controller: code,
这是我的密码字段代码: TextFormField( obscureText: isObscure, decoration: InputDecoration( suffix: Text
目标是显示/隐藏清除 Flutter TextFormField 上的字段的 suffixIcon。只有当框中有文本时它才应该可见。 该字段如下所示: TextFormField(
我正在编写一个扫描仪应用程序,该应用程序将安装在运行 Android 的扫描仪上。应用程序内部有一个 TextFormField 等待输入扫描或粘贴在里面的文本以进行其他 API 调用。 但是我没有找
... @override Widget build(BuildContext context) { return MaterialApp( title: 'haha',
我想将充满红色背景的框移动到空框的位置。 换句话说,我想在 TextFormField 结束的点旁边插入一个容器。 这是可以在 Flutter 中实现的东西吗?还是没有办法? - 更新 我实际上想在文
当我达到的极限时TextFormField 文字消失了…… 我尝试了多个配置但仍然无法正常工作,我不知道为什么。 Dialog( shape: RoundedRectangleBord
当我写入的文本多于此输入的宽度时,我有一个电子邮件输入文本字段,其余文本不可见。当我输入此文本表单字段时,有没有办法进行水平滚动? 下图描述了我想要的行为。 编辑:我的代码 Container(
如果我启用并聚焦之前禁用的 TextFormField,我没有看到闪烁的光标。在此示例中,TextFormField 最初是禁用的,如 _enabled 状态变量所示,当您单击启用按钮时,该字段已启用
如果在我的文本表单字段上创建了一个值,我将尝试设置一个初始值。当我运行我的代码时: final apiField = TextFormField( controller: apiFieldCont
我对 Flutter 有点陌生所以我不知道这是否是更新从服务器收集的数据的“正确”方式。就我而言,我正在做的是(我的应用程序代码很长,我认为下面的描述就足够了): 让用户为给定日期创建自定义表单。 让
TL;博士 maxLength在 TextFormField有时允许超过指定限制的字符数。为什么会发生这种情况? 我正在尝试创建一个 Form将用户输入的数据提供给我的应用程序。作为其中的一部分,我有
我正在尝试重新创建此搜索输入,但是如果将其添加到较小的位置会遇到麻烦,但是如果添加prefixIcon,则高度会增加,但似乎无法控制它。 这就是我现在所拥有的。 我正在使用一行,因为我也需要在输入字段
我正在尝试使编辑字符串列表成为可能。问题是,当我通过 IconButton 删除列表项时,TextField 会重建,但不知何故仍然具有旧值。通过调试,我发现我的字符串列表已正确更新,这意味着删除的字
如果在 TextFormField 中验证发现错误消息,我该如何显示? 我正在使用 Stepper 类来处理用户注册,当尝试使用 setState 实现基本验证时,当前正在验证的文本字段中没有显示错误
我是一名优秀的程序员,十分优秀!