2020-11-18 解决Flutter TextField限制输入中文问题
项目中存在一个输入框,只能提交中文字符串,于是使用了如下的方法实现
成都创新互联公司主要从事网站设计、网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务于都,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
但是上线运行之后,发现在iOS原生拼音输入法中,只能一个字一个字输入,每次输入超过一个字就会直接变成拼音字母,并且长度限制在遇到中文拼音输入法后也会失效
于是通过自定义过滤器的方法,解决了这个问题
关键方法在于判断当前输入框是否存在未完成的字符串,如果存在,则不做限制,否则根据参数进行限制
但是属性 composing 听说还存在bug,使用的时候要注意,很有可能还有坑等着????
参考:
解决方案:
顿悟:
感谢???? Alex 大神!!!
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
Flutter基础Dart 相关书籍和网站推荐
网站:
Flutter官网
国内Flutter中文资源网
Flutter中文网
Dart官网
Dart中文网
第三方包官网
国内第三方包官网
必读书籍:
《Dart语言实战:基于Angular框架的Web开发》
《Flutter实战》
当前题目:flutter中文,flutter flutter
网站链接:http://lswzjz.com/article/dsdcspo.html