189 8069 5689

flutter切换语言,flutter调用c

Flutter之国际化多语言

在说flutter国际化前,不得不提到,在uni-app中支持的Vue-i18n,两者有相似之处,也有差异的地方。

创新互联是一家专业提供万宁企业网站建设,专注与成都网站建设、成都网站制作、H5场景定制、小程序制作等业务。10年已为万宁众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。

本篇借鉴了三篇热门帖子

Flutter中的国际化:如何写一个多语言的App

Flutter国际化完整例子

Internationalization - Make an Flutter application multi-lingual

只记录根据手机系统语言自动转换app语言

引入后,保存会自动加入安装此依赖

我们新建一个和"/lib"同级别的文件夹"/locale",然后在这个文件夹中新建两个文件,分别为"i18n_en.json" 和" i18n_zh.json"。再在"/lib"文件夹下创建和"main.dart"同级的"translation.dart"和"application.dart"。

  文件夹树现在是这个样子的:

MyApplication

  |

  +- android

  +- build

  +- images

  +- ios

  +- lib

   |

   +-main.dart

   +-translation.dart

   +-application.dart

  +- locale

   |

   +- i18n_en.json

   +- i18n_zh.json

  +- test

在pubspec.yaml继续加入json,引入静态资源

补充:如果需要强制转换的话(我自己没有用到)

[Flutter]实现i18n,运行时切换简繁英

引入“flutter_localizations包”,并且“flutter packages get”:

Localizations汇总所有翻译文本

添加到"localizationsDelegates":

到这一步应用能跟随系统更改语言。

flutter 多语言配置--中文

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

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多语言配置之中文


分享标题:flutter切换语言,flutter调用c
浏览路径:http://cdxtjz.cn/article/phiihc.html

其他资讯