flutter中文,Flutter中文文档

flutter 多语言配置--中文

上一篇讲到如果解决ios长按输入框报错的问题，但是最终没有达到我们的要求，因为我们想实现中文的提示，那么本篇文章讲讲如何来实现多语言配置；

10年积累的成都网站设计、成都做网站经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有句容免费网站建设让你可以放心的选择与我们合作。

1.首先在pubspec.yaml的dependencies下加入这个

flutter_localizations:

sdk: flutter

如图：

2.然后在MaterialApp设置一下localizationsDelegates如图:

3.写一个类继承一下CupertinoLocalizations，在项目中 我这个类名叫ChineseCupertinoLocalizations(没错，就是localizationsDelegates中的第三个)，如图：

上次提到报错的原因就是因为cutButtonLabel，copyButtonLabel，pasteButtonLabel，selectAllButtonLabel 这几个按钮没有实现，所以继承CupertinoLocalizations一定要为这几个按钮赋值，这里是那种语言，那么，赋值就对应那种语言，同时要注意locale.languageCode也要填写，如果你是中文，那么locale.languageCode =='zh';

4.在ios工程中，在项目的info设置语言环境

添加 Localization native development region---china

添加一个Localizations 为array类型的，并且设置值为 Chinese (simplified)

效果图：（ 注意：请把手机环境调试成中文的语言环境 ）

Android 

ios 效果图

我公司用flutter做了一个《柚品生活》的app，感兴趣的朋友可以去看看，Android和ios都已经上架了

最后附上GitHub项目地址 GitHub - hxxsocket/flutter_lg_demo: flutter多语言配置之中文

2020-11-18 解决Flutter TextField限制输入中文问题

项目中存在一个输入框，只能提交中文字符串，于是使用了如下的方法实现

但是上线运行之后，发现在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 Text组件 文字的对齐、数字和字母对齐中文

对齐的效果

Text的高度 是根据 height 乘于 fontSize 进行计算的、这里指定heiht即可、不指定的会出现 无法对齐的情况，如下：

同样字体下，这种就是无法对齐的情况

Flutter跨平台框架（Dart语言）

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。(-中文网；-英文网)

Flutter是一种趋势，势必会取代RN，成为最主流的跨平台开发框架，基于Dart语言。ios开发必须Mac电脑。android开发window、linux、Mac均可。