Flutter 常见问题四十三限制 TextField 的输入类型

Posted 2021-09-01 Allen Su

在用户注册和登录时，比如会对密码要求必须包含数字和字母，这时就需要限制输入类型了。

在 Flutter 中，可以通过设置 TextField 的属性 inputFormatters 来限制输入类型，其类型为 List<TextInputFormatter>

List<TextInputFormatter> l = []; // 支持多个正则限制

TextField(
  inputFormatters:l，
);

参数类型支持正则表达式，常用的正则验证如下

1、仅数字(不含小数点)

l = [FilteringTextInputFormatter.digitsOnly]; // 写法一
l = [FilteringTextInputFormatter.allow(RegExp(r'[0-9]'))]; // 写法二（其实就是写法一）

2、仅数字(含小数点)

l = [FilteringTextInputFormatter.allow(RegExp("[0-9.]")),;

3、仅中文

l = [FilteringTextInputFormatter.allow(RegExp(r"[\\u4e00-\\u9fa5]"))];

4、仅小写

l = [FilteringTextInputFormatter.allow(RegExp("[a-z]"))];

5、仅大写

l = [FilteringTextInputFormatter.allow(RegExp("[A-Z]"))];

6、混合类型

以上五个是基础类型，如果你需要的是混合类型，比如想同时支持大写、小写和数字，把对应选项组合到一起即可，如下代码所示

l = [FilteringTextInputFormatter.allow(RegExp("[A-Z,a-z,0-9]"))];

其它混合类型的需求同理。

博主目前使用的 Flutter 版本：2.2.3，Dart 版本：2.13.4，android Studio 版本：4.2.2

你的问题得到解决了吗？欢迎在评论区留言。

赠人玫瑰，手有余香，如果觉得文章不错，希望可以给个一键三连，感谢。

---

结束语

Google 的 Flutter 越来越火，截止 2021年08月03日 GitHub 标星已达 127K，Flutter 毅然是一种趋势，所以作为前端开发者，没有理由不趁早去学习。

如果你是 Flutter 新手或者刚入门，不妨先点个关注，后续我会将 Flutter 中的常用组件（含有源码分析、组件的用法及注意事项）以及可能遇到的问题写到 CSDN 博客中，希望自己学习的同时，也可以帮助更多的人。