咨询热线:15221435116 联系人:魏娟 地址:河北定州市
Flutter - International 国际化,Localization 本地化, 使用Intl
来源:必赢娱乐官方客户端 发布时间:2019-06-24 点击量:21
新建项目,得到一个示例工程。本例中使用intl包来管理文字资源。
项目地址: https://github.com/RustFisher/localization_demo
步骤:
添加依赖项 - intl创建文字资源文件生成arb
文件新增和修改arb
文件根据arb
生成dart
文件创建localization代理,新建一个类继承LocalizationsDelegate
,和文字资源文件联系起来MaterialApp
中添加本地化代理和语言类型使用文字资源添加依赖项
pubspec.yaml
添加依赖项flutter_localizations
,然后运行一下flutter packages get
。
dependencies: flutter: sdk: flutter# 添加下面的依赖项 flutter_localizations: sdk: flutter intl: 0.15.6 intl_translation: 0.16.7
编辑dart文件
新建app_strings.dart
文件。
import "dart:async";import "package:intl/intl.dart";import "package:flutter/widgets.dart";class AppStrings { AppStrings(Locale locale) : _localeName = locale.toString(); final String _localeName; static Future<AppStrings> load(Locale locale) { return initializeMessages(locale.toString()) .then((Object _) { return new AppStrings(locale); }); } static AppStrings of(BuildContext context) { return Localizations.of<AppStrings>(context, AppStrings); } String title() { return Intl.message( "Localization Demo", name: "title", desc: "应用标题", locale: _localeName, ); } String click() => Intl.message( "Click", name: "click", desc: "点击", locale: _localeName, ); String helloFromDemo() => Intl.message( "Hello~", name: "helloFromDemo", desc: "一句问候", locale: _localeName, );}
此时initializeMessages
方法会显示警告,暂时不用管,生成arb文件后再添加引用。
生成arb
文件
进入项目目录,运行intl
的命令。
/e/ws/localization_demo$ flutter pub pub run intl_translation:extract_to_arb --output-dir=lib/l10n lib/app_strings.dart
生成l10n/intl_messages.arb
,内容如下。可以看出是JSON格式的文本。
{ "@@last_modified": "2018-07-15T22:13:19.218221", "title": "Localization Demo", "@title": { "description": "应用标题", "type": "text", "placeholders": {} }, "click": "Click", "@click": { "description": "点击", "type": "text", "placeholders": {} }, "helloFromDemo": "Hello~", "@helloFromDemo": { "description": "一句问候", "type": "text", "placeholders": {} }}
新增和修改arb
文件
前面生成了l10n/intl_messages.arb
,我们可以把它当成模板。复制粘贴一下,同目录下得到intl_en.arb
和intl_zh.arb
。文件名规则可以自己定。以intl_zh.arb
为例:
{ "@@last_modified": "2018-07-15T22:13:19.218221", "title": "国际化示例App", "@title": { "description": "应用标题", "type": "text", "placeholders": {} }, "click": "点击", "@click": { "description": "点击", "type": "text", "placeholders": {} }, "helloFromDemo": "你好呀~", "@helloFromDemo": { "description": "一句问候", "type": "text", "placeholders": {} }}
这里也可以把intl_messages.arb
删掉。本例保留这个文件。
根据arb
生成dart
文件
$ flutter pub pub run intl_translation:generate_from_arb --output-dir=lib/l10n --no-use-deferred-loading lib/app_strings.dart lib/l10n/intl_*.arbNo @@locale or _locale field found in intl_en, assuming "en" based on the file name.No @@locale or _locale field found in intl_messages, assuming "messages" based on the file name.No @@locale or _locale field found in intl_zh, assuming "zh" based on the file name.
暂时无视警告。此时在app_strings.dart
中添加对l10n/intl_messages.arb
的引用。
import "package:localization_demo/l10n/messages_all.dart";
警告消失~
更新了arb文件后,需要重新生成dart文件。
创建localization代理
创建localizations_delegate.dart
。新建AppLocalizationsDelegate
类继承LocalizationsDelegate
,复写方法。泛型指定为前面的AppStrings
。
import "dart:async";import "package:flutter/widgets.dart";import "package:localization_demo/app_strings.dart";class AppLocalizationsDelegate extends LocalizationsDelegate<AppStrings> { @override Future<AppStrings> load(Locale locale) { return AppStrings.load(locale); } @override bool isSupported(Locale locale) => ["zh", "en"].contains(locale.languageCode); // 支持的类型要包含App中注册的类型 @override bool shouldReload(AppLocalizationsDelegate old) => false;}
MaterialApp
中添加本地化代理和语言类型
class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return new MaterialApp( title: "Flutter Demo", theme: new ThemeData( primarySwatch: Colors.blue, ), localizationsDelegates: [ AppLocalizationsDelegate(), // 我们定义的代理 GlobalMaterialLocalizations.delegate, GlobalWidgetsLocalizations.delegate, ], supportedLocales: [ // 支持的语言类型 const Locale("en", "US"), // English const Locale("zh", ""), ], home: new MyHomePage(title: "Flutter Demo Home Page"), ); }}
使用文字资源
获取到AppStrings的实例。
AppStrings appStrings = AppStrings.of(context); print(appStrings); // logcat: I/flutter ( 7478): Instance of "AppStrings"
注意,在MaterialApp中使用文字资源时,因为context的关系,要使用onGenerateTitle
。
onGenerateTitle: (context) { return AppStrings.of(context).title(); },
支持语言的类型
代理isSupported
方法中的语言类型最好是和App中supportedLocales
的一致
@override bool isSupported(Locale locale) => ["zh", "en"].contains(locale.languageCode);// App中`supportedLocales` supportedLocales: [ const Locale("en", "US"), // English const Locale("zh", ""), ],
否则可能出现获取不到AppStrings的异常。
参考:
https://flutter.io/tutorials/internationalization/相关产品
-
深化经济体制改革重点工作的意见提出,推进地区生产总值统一核算改革,完善发展成果考核评价体系。这意味着,经过数年“酝酿”,GDP统一核算改革正式列入日程。
-
财报显示,其他业务2017年第四季的收入同比增长121%至人民币140.84亿元。腾讯称,该项增长主要受其支付相关服务及云服务收入的增长所推动。
-
中新网4月11日电 10日,由中国保健协会主办的第七届中国保健品公信力论坛暨中国保健品公信力产品及品牌发布会在北京举行。会上,无限极(中国)有限公司荣膺“第七届中国保健品十大公信力品牌”,增健口服液等3款产品获“中国保健品公信力产品”。无限极(中国)有限公司高级副总裁黄健龙代表公司领奖,并作《坚守品质与责任,塑造行业公信力典范》的主题发言。
-
IT之家讯 4月29日消息,工业和信息化部今日发布了关于电信服务质量的通告。通告中除了介绍2015年一季度电信服务的基本情况外,还公布了电信用户垃圾短信举报、服务申诉,以及对恶意软件等的监管情况。
-
而除开这三段,影片的其余地方并不那么好笑,黄渤与前妻之间的感情反复纠葛,尤其是机场打电话那段,甚至会让观众有些伤感。
-
学校发现情况后马上向定安县教育局反映了此情况。教育局对此马上召开会议,责成城南中学及时做好善后处理工作。城南中学当即送被打学生到医院检查治疗,经医院检查发生,被打学生身体多处软组织损伤。该学生已于本周返校上课。
-
【游侠导读】PS3模拟器“RPCS3”的开发小组今天与我们分享了一段PS3模拟器的《美国末日(The Last of Us)》的新演示,我们看到游戏的画面与帧数都有了提升,让我们一起来感受下吧!
-
中新网5月10日电 新西兰天维网援引newshub消息称,不久以后,新西兰的宝爸宝妈们就可以在孩子满5岁生日前,送他们上小学了。但也有教育专家称,并非越早上学越好。
热点资讯
- 疑似华为Mate20Pro前面板现身:配备曲面刘海屏2019-06-24
- 泄密丑闻中的Facebook2019-06-24
- 郭明义是雷锋精神的杰出继承者,被评为新浪财经改革先锋。2019-06-24
- 是什么使法国的“黄背心运动”持续了五个星期?麦克隆|黄色背心|法国2019-06-24
- 腾讯研究院报告:未来的自动驾驶能有“责任心”吗?2019-06-24
- 宅男“动漫老婆”被丢地铁不敢认领被出售好凄惨2019-06-24
- 剑网3新资料片不再加入“红尘故梦”设定成就资历体系不再改动2019-06-24
- 空气污染有多可怕:最多可致人均寿命缩短两年2019-06-24