flutter TextField限制中文，ios自带中文输入法变英文输入问题解决

孤独的跑者2024

已于 2024-10-16 22:17:21 修改

阅读量741

点赞数 7

分类专栏： flutter工作笔录文章标签： flutter ios

于 2024-10-16 22:15:41 首次发布

本文链接：https://blog.youkuaiyun.com/majun2009/article/details/142992840

版权

flutter工作笔录专栏收录该内容

17 篇文章

订阅专栏

由于业务需求，要限制TextField只能输入中文，但是测试在iOS测试机发现自带中文输入法会变英文输入问题，安卓没有问题，并且只有iOS自带输入法有问题，搜狗等输入法没问题。我们目前使用flutter2.5.3版本，高版本应该不存在这个问题。

TextField限制中文代码片段：

TextField(
  inputFormatters: [
    FilteringTextInputFormatter.allow(RegExp('[a-zA-Z]|[\u4e00-\u9fa5]|[0-9]')),
  ],
)

解决方案，自定义过滤器：

//自定义过滤器
class CustomizedTextInputFormatter extends TextInputFormatter {
  final Pattern filterPattern;

  CustomizedTextInputFormatter({this.filterPattern})
      : assert(filterPattern != null);

  @override
  TextEditingValue formatEditUpdate(
    TextEditingValue oldValue,
    TextEditingValue newValue,
  ) {
    if (newValue.isComposingRangeValid) return newValue;
    return FilteringTextInputFormatter.allow(filterPattern)
        .formatEditUpdate(oldValue, newValue);
  }
}

TextField(
  inputFormatters: [
    //使用自定义过滤器，限制中文输入
    CustomizedTextInputFormatter(
      filterPattern: RegExp("[a-zA-Z]|[\u4e00-\u9fa5]|[0-9]"),
    ),
  ],
),