flutter 国际化工具flutter_i18n

简介: flutter_i18n 有插件,比Intl简单。

1. 在Android Studio中安装flutter_i18n插件

搜索 Flutter i18n 安装,或者直接搜索Flutter

frc 8fecdafbb3bba7100e1bd752cd5012d8 - # flutter 国际化工具flutter_i18n
屏幕快照 2019-04-02 下午6.12.24.png

安装完成后, 需要重启。
安装成功后,再打开项目:

  • 会多一个与lib同级的res文件夹,里面自动生成values文件夹,里面有string_en.arb文件。
frc 3cc5af3bf1a37a811e9085cb490c4160 - # flutter 国际化工具flutter_i18n
屏幕快照 2019-04-02 下午6.23.43.png
  • 上面会多一个按钮
frc 0951ac13e51fb2fe0b40aa378085f111 - # flutter 国际化工具flutter_i18n
屏幕快照 2019-04-02 下午6.25.09.png
  • 默认只添加了英文,可以添加自己需要的arb文件

    frc f1f3f4161262a692a36879433f2c6587 - # flutter 国际化工具flutter_i18n
    屏幕快照 2019-04-02 下午6.23.53.png
  • 每次更新arb文件后,会自动生成一个文件,在lib/ganerated/i18n.dart,如果自动生成不成功,点击按钮。

    frc b74f83a6e0bde2f7340aaccccfa42e1e - # flutter 国际化工具flutter_i18n
    屏幕快照 2019-04-02 下午6.28.14.png

注意

  1. strings.en.arb不能删除,否则会生成失败….原因不知道
  2. 如果点击按钮,直接报错了,报错位置在右下角!!!会有一个红点。检查项目根目录中.idea里是否有misc.xml,如果没有就复制老项目的。然后再生成
frc 22a359509b3e812dbb23bc15f9fd609b - # flutter 国际化工具flutter_i18n
屏幕快照 2019-04-02 下午6.31.08.png

2.配置main.dart

  1. 引入import ‘generated/i18n.dart’;
  2. 在localizationsDelegates中增加S.delegate
  3. supportedLocales: S.delegate.supportedLocales,
  4. 如果只支持中文:localeResolutionCallback: S.delegate.resolution(fallback: Locale(“zh”,””)) // Locale(“zh”,””)与Locale(“zh”,”CN”);CN是简体中文,如果是香港中文是Locale(“zh”,”HK”)

home: MyHomePage(title: “test.title”), 这里,这个title不能用S.of(context).apptitle。不知道为啥
经墨尘心指导:

home: MyHomePage(title: “test.title”), 这里,这个title不能用S.of(context).apptitle。
因为这时候S还没被塞到context中,S.of(context)这时候还是null

import 'package:flutter_localizations/flutter_localizations.dart';
import 'generated/i18n.dart'; // 这个就是前面自动生成的

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      localizationsDelegates: [
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
        S.delegate,
      ],
      supportedLocales: S.delegate.supportedLocales,
//      localeResolutionCallback: S.delegate.resolution(fallback: Locale("zh","CN")),
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: "test.title"),
//      onGenerateTitle: (context) => S.of(context).appName,
    );
  }
}

这里的import ‘package:flutter_localizations/flutter_localizations.dart’;,需要在pubspec.yaml文件中引入flutter_localizations

dependencies:
  flutter:
    sdk: flutter
  flutter_localizations:
    sdk: flutter

3.使用的时候

S.of(context).hello(“last word”)

FlatButton(
  onPressed: (){
    seriesOauth.getData();
  },
  child: Text(S.of(context).hello("last word")),
),

一个问题

  "selectedRowCountTitleZero": "没有选择条目",
  "selectedRowCountTitleMany": "选择了几个条目",
  "selectedRowCountTitleOne": "选择了一个条目",
  "selectedRowCountTitleOther": "选择了$selectedRowCount个条目"

在中文里面添加上面的条目,1.自动生成的i18n不会生成相应的代码,不知道为什么,可以自己改,但是每次更新的时候还是会还原 2.生成的代码错误…

  String selectedRowCountTitle(dynamic selectedRowCount个条目) {
    switch (selectedRowCount个条目.toString()) {
      case "0":
        return "没有选择条目";
      case "1":
        return "选择了一个条目";
      case "many":
        return "选择了几个条目";
      default:
        return "选择了$selectedRowCount个条目";
    }
  }
}

修改为:

"selectedRowCountTitleOther": "选择了${selectedRowCount}个条目"

即可

# flutter 国际化工具flutter_i18n