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

文章标题：flutter中文,flutter flutter
当前路径：https://www.cdcxhl.com/article30/dsdcspo.html

成都网站建设公司_创新互联，为您提供企业网站制作、定制开发、网站排名、网站收录、营销型网站建设、微信小程序

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联