正文
flutter中文,flutter flutter
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
2020-11-18 解决Flutter TextField限制输入中文问题
项目中存在一个输入框，只能提交中文字符串，于是使用了如下的方法实现
但是上线运行之后，发现在iOS原生拼音输入法中，只能一个字一个字输入，每次输入超过一个字就会直接变成拼音字母，并且长度限制在遇到中文拼音输入法后也会失效
于是通过自定义过滤器的方法，解决了这个问题
关键方法在于判断当前输入框是否存在未完成的字符串，如果存在，则不做限制，否则根据参数进行限制
但是属性 composing 听说还存在bug，使用的时候要注意，很有可能还有坑等着?
参考：
解决方案：
顿悟：
感谢? Alex 大神！！！
相关问答
Q1: Flutter Web打包中文乱码
flutter web有三种渲染模式，auto 、html 和 canvaskit。
flutter build web命令默认的渲染模式为auto，这种模式在移动端使用html渲染，在pc端使用canvaskit渲染。
目前我的flutter版本是2.5.2，pc端浏览器使用canvaskit渲染时中文会出现短暂的乱码（方块叉号），像这样：
我们可以指定渲染模式为html，就不会有这个问题了，命令如下：
指定渲染模式为canvaskit的命令为：
2021.10.21：flutter web对中文的支持貌似不太好，在手机浏览器调试web项目时，textfield hinttext有中文输入会有卡顿bug
Q2: Flutter基础Dart 相关书籍和网站推荐
网站：
Flutter官网
国内Flutter中文资源网
Flutter中文网
Dart官网
Dart中文网
第三方包官网
国内第三方包官网
必读书籍：
《Dart语言实战：基于Angular框架的Web开发》
《Flutter实战》
