Flags in Annecy
對於 Flutter app 中，字串多國語系化這件事，官網中提供了步驟繁複的文件，深怕大家不知道它有多難搞。所以網路上出現了各種奇奇怪怪 plugin，有的是利用 json 來處理；有的是要你寫 dart class 來放翻譯的內容。這幾天找到了一個還算單純的方式，而且是不用額外裝非官方的 plugin 就可以完成的。想說來跟大家分享一下。
難用的官網教學
首先，為了做為參考，可以先看一下官網上的文件有多複雜：
Internationalizing Flutter apps
Flutter 後來做的改良
Flutter 應該也聽到了使用者的心聲，知道這整個流程有多麻煩，所以在 2020 年有了改良的版本，文件可以參考這個連結：
Flutter Internationalization User Guide
步驟如下：
- 在 pubspec.yml 中加入必要的 plugin
- 在 Flutter app 的根目錄建立一個文字檔
l10n.yaml，加入下面的資訊。
arb-dir是設定你將會把字串相關的檔案放置的目錄，裡頭包含 .arb 格式的檔案。template-arb-file設定預設字串檔的檔名，其中需包含這些字串的 meta data。這檔案必須放在 arb-dir 下面。output-localization-file設定當 Flutter 試著幫你產生所有需要的資訊並塞進一個 Dart 檔案時，該 Dart 檔案的名稱(app_localizations.dart)。同樣的，這個檔案也是會生成在arb-dir下面。
- 再來就是建立 arb-dir 下面的 app_en.arb 檔案。裡面的寫法很直覺，在第二行寫上這個檔案所代表的 locale，4
7行則是一個字串的定義。目前測試的結果，在 app_en.arb這個 template arb file中，57行的 description是不可以少的。(但你可以塞空字串進去，如果你不想為 description 傷神的話)。
- 有了主要的 app_en.arb 之後，你可以開始建立其他語系的 app_xx.arb，然後仿造 app_en.arb 的寫法，加入翻譯後的字串，比方說如下：
- 再來就是在主要的 Flutter 程式中，加入剛剛說的，Flutter 會幫你產生的 app_localizations.dart。在第2行把它 import 進來，以及13，14行。
- 再來就可以開始使用我們之前建立好的字串了，請看第7行。
如果嫌 AppLocaziations.of(context).hello_world 太長的話，可以考慮在一開始 output-localization-file 取個短一點的 class name，或是建立一個簡易的 class 如下：
class S {
static AppLocalizations of(BuildContext context) => AppLocalizations.of(context);
}
然後在Flutter Widget 被生成後，建立 local variable
AppLocalizations _str;
@override
void didChangeDependencies() {
super.didChangeDependencies();
...
_str = S.of(context);
}
使用字串時，就可以變得很簡潔如 _str.hello_world。
如果要在 iOS app 中支援多國語系，必須在 iOS 設定檔中設定，可以參考
Internationalizing Flutter apps
或是下面這篇文章中的 iOS 的額外設定 這一段。
是不是比官網的教學容易多了呢？而且哪天要加入新的語系，只要再加入新的 app_xx.arb 就可以了。