Flutter——限制TextField只能输入汉字或英文字母或数字，并限制输入最多中文10字符，英文20字符

最新推荐文章于 2024-06-04 19:36:28 发布

原创最新推荐文章于 2024-06-04 19:36:28 发布 · 1w 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #输入字数限制 #移动应用 #前端

Android 同时被 2 个专栏收录

28 篇文章

订阅专栏

Flutter

18 篇文章

订阅专栏

博客介绍了在Flutter中设置文本输入字数限制的方法，包括给textfield设置输入法则以及动态修改最大字长，同时提醒关于maxLength初始化和textfield其他参数设置需自行解决。

第一步，给textfield设置输入法则：

inputFormatters: [
  WhitelistingTextInputFormatter(RegExp(
      "[a-zA-Z]|[\u4e00-\u9fa5]|[0-9]")), //只能输入汉字或者字母或数字
  LengthLimitingTextInputFormatter(maxLength),//最大长度
],

第二步，动态修改最大字长：

onChanged: (value) {
  _changeMaxLimit(value);
},

/// 改字数限制，每输入一个中文字符，要减1。
/// 字符要求：10个汉字或20个英文
void _changeMaxLimit(String value) {
  maxLength = 20;
  for (int i = 0; i < value.length; i++) {
    if (value.codeUnitAt(i) > 122) {
      maxLength--;
    }
  }
  setState(() {});
}

我这里简略写了关键部分，关于maxLength的初始化，textfield别的参数设置，大家还请自行解决。