8 Flutter国际化自动配置

2022-01-04  本文已影响0人  Jean_Lina

(1) yaml文件添加依赖

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

(2) 安装Flutter Intl引擎

飞书20211231-184240.png

(3) 执行命令,生成国际化初始化代码

截屏2021-12-31 下午6.42.26.png

(4) 查看生成的文件,编辑arb文件

i10n.dart文件中生成S类
intl_en.arb对应英文的json文件
intl_zh.arb对应中文的json文件
截屏2021-12-31 下午6.52.00.png 截屏2021-12-31 下午6.46.05.png

(5) MaterialApp中进行配置

MaterialApp(
      supportedLocales: S.delegate.supportedLocales,
      localizationsDelegates: [
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
        GlobalCupertinoLocalizations.delegate,
        S.delegate,
      ],
    );

(5) 不同界面中获取国际化配置的内容

S.of(context).bottomBarTitle1;

S.of(context).bottomBarTitle2;

S.of(context).bottomBarTitle3;
上一篇下一篇

猜你喜欢

热点阅读