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内容可以随着手机系统语言的切换而切换了 。


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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容