(new)Flutter-国际化适配终结者

1,805 阅读2分钟

1.介绍

首先在这里提前祝大家新春大吉,最近发现有粉丝私聊我,Flutter i18n插件在idea中的插件市场已经找不到了,然后我就到Flutter i18n 官网 看到了作者的留言,大致意思是:由于作者的时间和可用性问题,插件项目不再维护,并且,另一个更加轻便的项目给予我们使用,而今天,我们就来学习以下新项目的使用(纯dart cli工具,无需安装任何插件,在这里,感谢作者!也希望大家能到上面的官网给作者大大给个star)

2.安装

打开我们的项目,然后在项目根目录下的pubspec.yaml文件添加下面代码

dev_dependencies:
#new 
  flutter_l10n: ^0.1.3
#new 

注意,这里是放到dev_dependencies节点下,目的是在开发项目的时候才进行使用,而打包项目是不会把库里面的代码打包进来,然后我们在命令行下运行flutter pacakges get代码即可

3.新建.arb文件

关于.arb文件的介绍,可以到我上一篇文章进行查看,在根目录/lib下新建.arb文件

新建.arb文件.png
这里新建了一个enzh,目的是支持英文和中文语言环境,内容也是跟之前使用的一样

完成之后,我们在命令行下运行flutter pub run flutter_l10n:build命令即可

4.产物分析

运行命令之后,会生成三个文件

image.png

  • l10n/s.dart主要用于初始化代理,获取字符串
  • l10n/strings_en.dart英文语言环境下的字符串内容,对应string_en.arb文件
  • l10n/string_zh.dart中文语言环境下的字符串内容,对应string.zh.arb文件

5.切换语言

切换语言的时候需要注意,更改的地方需要两处

        MaterialApp(
              localizationsDelegates: const [
                S.delegate,
                GlobalMaterialLocalizations.delegate,
                GlobalWidgetsLocalizations.delegate
              ],
              //new
              locale: Locale('zh',''),
              localeResolutionCallback:(Locale locale, Iterable<Locale> supportedLocales) {
                return Locale('zh','');
              },
              //new
            // ...
            )

我们可以把Locale('zh','')作为一个变量即可

6.最后

使用方法跟插件的使用方法类似,但存在以下问题

  • 不支持语法
  • 不能够通过alt+enter生成字符串
  • supportedLocales: S.delegate.supportedLocales,该代码失效

如果有其它更新,该文章会一直更新,请持续关注。。。