Flutter 多语言插件 Flutter Intl 安装使用

简介

Flutter 有很多种实现多语言的方式 ,不过本着省时、省力原则那就是借助插件来完成了 。今天就介绍一个比较 好用的Flutter Intl 多语言插件 。(开发工具 Andrdi Studio)

安装

1、安装插件

图片.png

2、导入依赖库 (配置完需cd 进入项目终端执行：flutter pub get 命令)

截屏2022-03-22 上午11.40.31.png

3、执行命令创建文件

截屏2022-03-22 上午11.33.25.png

4、生成的目录及Dart文件

截屏2022-03-22 上午11.46.28.png

配置

1、如图所示在 main 函数进行如下配置

截屏2022-03-22 下午1.41.22.png

2、导入多语言内容（在相应的多语言 arb文件中添加 默认生成 “en” arb文件）

截屏2022-03-22 下午1.56.53.png

3、添加其他语言 （例如：中文）

• 第一步: Tools -> Flutter Intl -> Add Local

  
  截屏2022-03-22 下午1.19.22.png

• 第二步: 在弹框中填入对应的国家编码 （例如中文: zh）

  
  截屏2022-03-22 下午1.20.13.png

• 第三步: 添加效果如图（相应文件都是自动生成）

  
  截屏2022-03-22 下午2.04.43.png

• 第四步: 在新生成的 arb 文件中添加相应的多语言内容，如下图

  
  截屏2022-03-22 下午2.07.08.png

使用

1、代码调用

截屏2022-03-22 下午2.08.06.png

2、展示效果

Simulator Screen Shot - iPhone 12 Pro Max - 2022-03-22 at 14.11.57.png
simulator_screenshot_4D318E55-66B9-440D-89CB-ED63AF7FEE25.png

至此 Flutter 项目的多语言功能就实现了 ，App内容可以随着手机系统语言的切换而切换了 。

---

文章持续更新中、希望对各位有所帮助、有问题可留言 大家共同学习.