资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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
本文地址:http://cdkjz.cn/article/dsdcspo.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220