Flutter国际化

1,先在AndroidStudio或者Idea中安装一款插件，Flutter Intl,如图：

安装后重启编译器

2, 新增依赖 dependencies 下面添加如下代码:

dependencies:flutter:sdk: flutterflutter_localizations:

pub get一下

3,点击编辑器的Tools,找到Flutter Intl,对项目进行初始化，如下：

4,初始化完成后lib下会生成很多文件，如下：

yaml文件下也会增加一行配置

flutter_intl:enabled: true

5,添加我们自定义的国际化语言，如图：

添加完成之后，插件会自动帮我们生成两个文件，在I10n文件夹下，如图：

6,配置我们的国际化，在materiaApp下进行如下配置

MaterialApp(title: 'Flutter Demo',localizationsDelegates: const [GlobalMaterialLocalizations.delegate,GlobalWidgetsLocalizations.delegate,GlobalCupertinoLocalizations.delegate,S.delegate],supportedLocales: const [Locale('zh', 'CN'),Locale('en', 'US'),],locale: const Locale('en', 'US'),theme: ThemeData(primarySwatch: Colors.blue,),home: const MyHomePage(),)

其中supportedLocales数组对应的你配置的国际化文件列表数组，locale对应的你指定的国际化类型

7，然后在生成的文件intl_zh_CN.arb 和intl_en.arb中添加对应的json，添加完成之后点一下Terminal触发一下编译，在需要使用的地方使用S.of(context)."你的jsonKey"即可

Flutter国际化相关推荐

flutter 国际化_从0开始设计Flutter独立APP | 第二篇: 完整的国际化语言支持
鉴于Flutter高性能渲染和跨平台的优势,闪点清单在移动端APP上,使用了完整的Flutter框架来开发.既然是完整APP,架构搭建完全不受历史Native APP的影响,没有历史包袱的沉淀,设计也 ...
flutter 国际化_Flutter 开发实战资源推荐
开工第一天,来点轻松的资源推荐. 这是一篇实战类资源推荐,其实Flutter的入门资料官方已经做得很好了,如果你是零基础,还是建议先啃一遍官方的教程,然后再看以下实战资源,相信在你看官方课程中涉及到的 ...
flutter 国际化flutter使用 intl插件，provider状态保存
1.下载插件 2.插件下载完成后重启一下android studio,在工具栏tool中会多一个flutter intl的选项 3.点击initialize for project,等待项目生成语言包 ...
社区说 | Flutter 工程那些事儿
随着 2022 年步入尾声,Flutter 即将迎来它的第 6 个年头.从小众的多平台框架到如今的热门框架,Flutter 通过它独特的多平台引擎设计实现了优秀的多平台效果,如今在国内各大厂的产品里都 ...
Flutter中文网
历经一个多月的整理.翻译.测试.现在 Flutter中文网正式上线. Flutter中文网是Flutter官网的一个中文镜像.Flutter中文网是目前中文文档.资源最全的Flutter交流学习 ...
flutter 输入框复制粘贴英文转中文
flutter国际化 1.引入插件 flutter_cupertino_localizations 2. 在 MaterialApp 添加 locale: const Locale('zh', 'CH ...
从零学习flutter(八):Flutter百星开源项目大集合
Flutter_Good_Pro_List Flutter_好的优秀的_项目_集合这个项目的初衷就是罗列网上的关于Flutter的开源项目以此来帮助帮助大家快速提升项目会持续保持跟新,同时希望大家 ...
解决flutter 依赖版本冲突的n种方法
背景接到一个需求,需要展示一个环状图和一个柱状图,去pub上逛了一圈,选择了功能比较全的MPFlutterChart 库.引入项目时,发现MPFlutterChart 和国际化包flutter_lo ...
Flutter 多语言支持(Flutter Intl Plugin)
Flutter 国际化多语言支持 ① 第一种方式官方 ② 第一种方式 Flutter Intl 下面介绍 Flutter Intl 插件方式 1.安装插件在vscode 或者idea 中搜索并安 ...

Flutter国际化

Flutter国际化相关推荐

最新文章

热门文章