flutter TextField 限制只允许输入数字 小数点

灰太狼 2023-10-07 17:43 52阅读 0赞

也许你迷茫，但是我想说，在你迷茫的同时，保持本心，过好今天就好。

核心代码片段

  1. //只允许输入小数
  2.     inputFormatters: [
  3.       FilteringTextInputFormatter.allow(RegExp("[0-9.]")), 
  4.     ],
  5.     //键盘类型
  6.     keyboardType: TextInputType.numberWithOptions(decimal: true),

TextField 中使用完整代码片段

  1. TextField(
  2.     ///键盘回车键的样式
  3.     textInputAction: TextInputAction.next,
  4.     //只允许输入小数
  5.     inputFormatters: [
  6.       FilteringTextInputFormatter.allow(RegExp("[0-9.]")), 
  7.     ],
  8.     //键盘类型
  9.     keyboardType: TextInputType.numberWithOptions(decimal: true),
  10.     //边框
  11.     decoration: InputDecoration(
  12.         hintText: '请输入',
  13.         border: InputBorder.none),
  14.     //不自动获取焦点
  15.     autofocus: false,
  16. )

这里采用的思路是 限制手机键盘的弹出类型为数字键盘，是带小数点的数据键盘，但是在Android手机上，会有其他特殊字符的出现，所以也需要使用正则来限制一下文本框内可输入的内容

在这里插入图片描述

inputFormatters
用于限制输入的内容，接收一个TextInputFormatter 类型的集合。

完毕

小编也写了几本书，如果你有兴趣可以去看看

  • 手机点击查看 # 电脑点击查看
    请添加图片描述
  • 手机点击查看 # 电脑点击查看

在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，52人围观）

还没有评论，来说两句吧...

相关阅读

    相关 控制input只允许输入数字

    `` 好多时候我们是希望能设置input只能输入数字；比如说商城选择商品数量；比如说手机号等等； 看了下京东和天猫； 天猫选择商品数量是只能输入数字；而且数量不能小于1；

    旧城等待，旧城等待，/ 0 赞/ 289 阅读