flutter中文,flutter flutter

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实战》