Flutter 快速實現(xiàn)國際化

Flutter越來越強了,但是很多基礎(chǔ)的東西自己還不會,所以決定把這些部分都寫在文章里面,幫助萌新早日脫離苦境??!加油!
實現(xiàn)國際的辦法千萬種,但是有兩個辦法是真想,而且實現(xiàn)得很方便:1,通過Flutter Intl插件實現(xiàn),2、通過GetX插件實現(xiàn)
1、通過Flutter Intl插件實現(xiàn):
在Plugins里面找到Flutter Intl這個插件,然后安裝-重啟


截屏2021-12-02 下午3.54.18.png

安裝完成之后,按照下圖的方法操作:


截屏2021-12-02 下午3.55.14.png

然后在你的pubspec.yaml看到
flutter_intl:
enabled: true
還有下面這些


截屏2021-12-02 下午3.57.29.png

那配置就成功了!!
如果想增加其他語言的話,就可以通過下面的操作實現(xiàn):
截屏2021-12-02 下午3.58.16.png

舉例子:
如果想增加中文,直接在對話框里面輸入zh,插件就會自動生成對應(yīng)的文件:


截屏2021-12-02 下午4.06.27.png

然后在intl_en.arb和 intl_zh.arb文件中寫入對應(yīng)的翻譯:
在app內(nèi)的使用如下:
 @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      localizationsDelegates: const [
        S.delegate,
        //GlobalMaterialLocalizations.delegate 為Material Components庫提供了本地化的字符串和其他值
        GlobalMaterialLocalizations.delegate,
        //GlobalWidgetsLocalizations.delegate定義widget默認(rèn)的文本方向,從左到右或從右到左。
        GlobalWidgetsLocalizations.delegate,
        GlobalCupertinoLocalizations.delegate
      ],
      supportedLocales:
        S.delegate.supportedLocales,
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }

如果需要更新請使用 S.load(const Locale('zh','CN'));
但是這樣刷新的話,就需要刷新才會生效,全局刷新的話,也很麻煩,所以推薦下面GetX框架實現(xiàn)

2、通過GetX插件實現(xiàn)
通過GetX插件實現(xiàn)會更方便點:
先引入框架

 #使用getX框架
  get: 4.1.4

然后在mian.drat里面引用import 'package:get/get.dart';

 @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      title: 'Flutter Demo',
      //設(shè)置過渡動畫
      defaultTransition: Transition.fade,
      //設(shè)置默認(rèn)語言
      locale: Locale('zh', 'CN'),
     // 在配置錯誤的情況下,使用的語言
      fallbackLocale: Locale('en', 'EN'),
     //這個是翻譯的關(guān)鍵,根據(jù)translationsKeys來進(jìn)行自定義的內(nèi)容進(jìn)行翻譯
      translationsKeys: AppTranslation.translation,
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: HomePage(),
    );
  }

translationsKeys的設(shè)置:


abstract class AppTranslation{
 static Map<String,Map<String,String>> translation={
   'en_EN':Locales.en_EN,
   'zh_CN':Locales.zh_CN,
   'fr_CA': Locales.zh_CN,
 };
}

abstract class LocaleKeys{
 static const change_zh='change_zh_CN';
 static const change_en='change_en_EN';
 static const home='home';
 static const searchFor='search_For';
 static const travel_shot='Travel_shot';
 static const mySelf='myself';
}

abstract class Locales{
 static const en_EN={
   LocaleKeys.change_zh:'change Chinese',
   LocaleKeys.change_en:'change English',
   LocaleKeys.home:'Home',
   LocaleKeys.searchFor:'Search for',
   LocaleKeys.travel_shot:'Travel shot',
   LocaleKeys.mySelf:'myself',
 };
 static const zh_CN={
   LocaleKeys.change_zh:'切換中文',
   LocaleKeys.change_en:'切換英文',
   LocaleKeys.home:'首頁',
   LocaleKeys.searchFor:'搜索',
   LocaleKeys.travel_shot:'旅拍',
   LocaleKeys.mySelf:'我的',

 };

 static const fr_CA={};
}

然后語言的切換方法:

var locale = Locale('en', 'EN');
                Get.updateLocale(locale);

這樣對應(yīng)全局引用到Locales類里面的參數(shù)就會進(jìn)行翻譯了?。∈遣皇歉奖???
好了,國際化先到這里,下面繼續(xù)更新別的新文章了,愛你們呦??!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容