欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Flutter 国际化之坑与另一种国际化方法(2019-07-16)

程序员文章站 2022-05-16 10:36:20
...

Flutter的国际化很方便,也有一些小问题。
下面是两个比较麻烦的坑。
例如当你不想要某些Widget重构的时候,如果采用了

Widget widget;
build(BuildContext context){
	widget ??=Text("");
}

这样的写法时,切出APP,切换语言再回来,Widget上的文本是不会重构的,除非你退出当前页面,再次进入。

另一个麻烦事是必须使用BuildContext调取文本,这将会使一些文本的调取变得异常繁琐,例如你需要调取某个文本的时候,发现需要跨越好几个方法将context传递进来,那真是相当抓狂。

下面介绍另一种国际化流程
ProjectLocalizationsDelegate类的主要用途是切换语言之后,会调取load方法,那个节点会调取转换后的语言。

class ProjectLocalizationsDelegate extends LocalizationsDelegate<LanguageUtil> {
  const ProjectLocalizationsDelegate();

  @override
  bool isSupported(Locale locale) =>
      ['en', 'ja', 'ch'].contains(locale.languageCode);

  @override
  Future<LanguageUtil> load(Locale locale) {
    // Returning a SynchronousFuture here because an async "load" operation
    // isn't needed to produce an instance of ProjectLocalizations.
   //语言包方法,适配同语言的语言包
   //LanguageUtil.init(locale);
   //发通知
    //LanguageUtil.streamController.sink.add(true);
    return SynchronousFuture<LanguageUtil>(LanguageUtil.currentLanguage);
  }

  @override
  bool shouldReload(ProjectLocalizationsDelegate old) => false;
}

MaterialApp里要这么写

return new MaterialApp(
      localizationsDelegates: [
        ProjectLocalizationsDelegate(),
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
      ],
      supportedLocales: [
        const Locale('en', 'US'),
        const Locale('zh', 'CH'),
        const Locale('zh', 'CHS'),
        const Locale('zh', 'HK'),
        const Locale('zh', 'MO'),
        const Locale('zh', 'SG'),
        const Locale('zh', 'TW'),
        const Locale('zh', 'CHT'),
        const Locale('ja', 'JP'),
      ],
      home: new WelcomePage(),
    );

这种写法并不适合Android 9 load方法不会被调用,相关问题正在调查中
获取更换的语言之后,使用stream通知所有页面刷新,过程简单不再复述,建议刷新过程写在BasePage里就不用在每个页面里写了。
这种方式和官网的方法比起来,不需使用context,很方便。

相关标签: Flutter 国际化