Flutter 多语言国际化配置 -- 使用Intl插件

安装插件

• Android Studio -> File -> Setting -> Plugins -> 搜索Flutter Intl
• 

配置项目

首先在项目pubspec.yaml中添加如下语句并执行 package get

dev_dependencies:
...
  flutter_localizations:
    sdk: flutter

在菜单栏的Tool下找到Flutter Intl 并选择Initalize for the project， 配置结束后效果如下：

1. 会在 pubspec.yaml中增加以下字段

flutter_intl:  
    enabled: true

2. 会在lib目录下增加 generated 和 l10n两个包

• 
• generated包下的intl包默认存在一个messages_all.dart和messages_en.dart文件，messages开头的文件会在添加语言后自动生成
• l10n包下存在一个intl_en.arb文件

添加语言

Tool下找到Flutter Intl 并选择Add Locale， 并输入语言类型（eg: zh)，配置结束后会生成如下文件

1. lib目录下l10n包下会生成一个 intl_zh.arb

2. generated包下的intl包中生成messages_zh.dart文件

初始化Flutter国际化

在主页面build中加入

return MaterialApp(
  ...
    localizationsDelegates: const [
      S.delegate,
      GlobalMaterialLocalizations.delegate,
      GlobalCupertinoLocalizations.delegate,
      GlobalWidgetsLocalizations.delegate
    ],
    // 设置中文为首选项
    supportedLocales: [const Locale('zh', ''), ...S.delegate.supportedLocales],
  ...
);

配置多语言

• 分别在 intl_en.arb 和 intl_zh.arb下添加字符串
• 在需要配置国际化的地方调用S.of(context).字符串即可

示例效果

完整项目