Flutter 多语言插件 Flutter Intl 安装使用
2022-03-22 本文已影响0人
一滴矿泉水
简介
Flutter 有很多种实现多语言的方式 ,不过本着省时、省力原则那就是借助插件来完成了 。今天就介绍一个比较 好用的Flutter Intl 多语言插件 。(开发工具 Andrdi Studio)
安装
1、安装插件
图片.png2、导入依赖库 (配置完需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.png2、导入多语言内容(在相应的多语言 arb文件中添加 默认生成 “en” arb文件)
截屏2022-03-22 下午1.56.53.png3、添加其他语言 (例如:中文)
-
第一步: 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内容可以随着手机系统语言的切换而切换了 。
文章持续更新中、希望对各位有所帮助、有问题可留言 大家共同学习.