Flutter多語(yǔ)言實(shí)踐

簡(jiǎn)單來(lái)講，流程圖如下：

網(wǎng)站的建設(shè)成都創(chuàng)新互聯(lián)公司專注網(wǎng)站定制,經(jīng)驗(yàn)豐富,不做模板,主營(yíng)網(wǎng)站定制開發(fā).小程序定制開發(fā),H5頁(yè)面制作!給你煥然一新的設(shè)計(jì)體驗(yàn)!已為成都廣告推廣等企業(yè)提供專業(yè)服務(wù)。

簡(jiǎn)單講一下整個(gè)流程：

1. 我們先寫一個(gè)AppStrings.dart，這個(gè)文件是整個(gè)多語(yǔ)言的核心，生成和使用都需要這個(gè)文件。在這個(gè)文件里可以定義獲得文本的api，比如

String order_list_waiting_for_review() => Intl.message(
        'Waiting for the review',
        name: "order_list_waiting_for_review",
          locale: _localeName
      );

其中，方法名和name必須保持一致（不要問(wèn)我為何會(huì)有這種坑爹要求）。'Waiting for the review'是默認(rèn)文案，locale是當(dāng)前的locale。
這樣定義的話，可以用下面的方式獲得文本

String text = AppStrings.of(context).order_list_waiting_for_review();
// text == "Waiting for the review"

很好理解，AppStrings.of(context)就是通過(guò)context獲得對(duì)應(yīng)的locale的AppStrings，進(jìn)而獲得對(duì)應(yīng)的文案。

1. 在上面以那種格式定義后，我們可以執(zhí)行下面這個(gè)命令把AppStrings.dart生成intl_messages.arb

flutter pub pub run intl_translation:extract_to_arb --output-dir=lib/l10n lib/app_strings.dart

*.arb是個(gè)中間產(chǎn)物，其內(nèi)就是JSON文本。其實(shí)會(huì)有更多附加信息，描述這個(gè)文本，不過(guò)在此省略。

{
  "order_list_waiting_for_review": "Waiting for the review",
}

1. 生成的arb文件只是一種語(yǔ)言的，我們可以把它拷貝成N種語(yǔ)言對(duì)應(yīng)的文件，比如intl_en.arb,intl_es.arb等，并把內(nèi)容的value都替換成對(duì)應(yīng)語(yǔ)言的文案。

2. 然后再執(zhí)行下面這個(gè)命令，生成messages_*.dart

flutter pub pub run intl_translation:generate_from_arb --output-dir=lib/l10n \
   --no-use-deferred-loading lib/app_strings.dart lib/l10n/intl_*.arb

可以看到，作為入?yún)⒌氖莑ib/app_strings.dart和lib/l10n/intl_*.arb，flutter工具黨確保lib/app_strings.dart中的方法名、方法中的name參數(shù)，和lib/l10n/intl_*.arb中的json的key一致的時(shí)候，才會(huì)在生成的messages_*.dart文件中加入對(duì)應(yīng)的文案，缺一不可。

我們?cè)倩剡^(guò)頭來(lái)看這段代碼

String order_list_waiting_for_review() => Intl.message(
        'Waiting for the review',
        name: "order_list_waiting_for_review",
          locale: _localeName
      );

Intl.message()方法實(shí)際上是根據(jù)locale獲取對(duì)應(yīng)的message_*.dart文件，然后再通過(guò)name找到對(duì)應(yīng)的文案返回。

1. 當(dāng)然，還需要對(duì)MaterialApp定義localizationsDelegates本地化代理和supportedLocales支持的多語(yǔ)言，這部分在文章最開始的文檔里寫的很詳細(xì)了，就不再贅述了。

官方方案的問(wèn)題

官方的方案雖然很長(zhǎng)很繁瑣，但還是可以實(shí)現(xiàn)多語(yǔ)言的功能的，只是對(duì)于我們來(lái)講，它存在以下幾個(gè)問(wèn)題：

1. 需要在AppStrings.dart中定義文本獲得的方法，一個(gè)文本就需要定義一個(gè)方法，并且方法名和name必須一致才能和arb文件一起生成最后的dart文件。一個(gè)文案對(duì)應(yīng)一個(gè)方法，代碼寫起來(lái)很冗余，并且不利于文案的枚舉使用（比如文案的key之間有關(guān)系）。和native開發(fā)之前的習(xí)慣也不同。使用和生成的邏輯放到一起，倘若有幾千個(gè)文案，AppStrings.dart估計(jì)要爆表。

2. 流程太長(zhǎng)，不利于自動(dòng)化下載語(yǔ)言的腳本的實(shí)現(xiàn)

我們的流程

起點(diǎn)的i18n.py是我們自己寫的python腳本，一共有兩個(gè)作用

1. 從美杜莎（阿里國(guó)際化文案管理平臺(tái)）上獲得多語(yǔ)言文案，并重命名成arb文件。

前面說(shuō)到，arb文件其實(shí)是json格式的，美杜莎支持以json格式導(dǎo)出文本，所以我們做的只是重命名，不需要對(duì)內(nèi)容進(jìn)行更改。

1. 在arb文件處理好后，會(huì)拿默認(rèn)的（英語(yǔ)）文本去生成一個(gè)dart文件，這個(gè)dart文件只用來(lái)作為中間產(chǎn)物，不會(huì)被其他dart使用的。
   其中只包含如下內(nèi)容

import 'package:intl/intl.dart';
class MessagesIndex {
  String order_list_waiting_for_review() => Intl.message(
        'Waiting for the review',
        name: "order_list_waiting_for_review",
      );
  // ......
}

那么，我們繼續(xù)調(diào)用生成最終產(chǎn)物的命令行

flutter pub pub run intl_translation:generate_from_arb --output-dir=lib/l10n \
   --no-use-deferred-loading lib/messages_index.dart lib/l10n/intl_*.arb

發(fā)現(xiàn)文件以及其內(nèi)的文案已經(jīng)被正確生成了。

調(diào)用方式

我之所以這樣更改流程，其實(shí)只有兩個(gè)目的：

1. 可以像讀map一樣的讀取多語(yǔ)言文案，而不是像調(diào)用方法那樣去讀取。

2. 拉取、生成多語(yǔ)言文案的過(guò)程可以自動(dòng)化。
   通過(guò)上面一頓操作，生成文案的工作都被自動(dòng)化搞定了，那我們只需要在AppStrings.dart中添加一個(gè)方法，傳入name，傳出想要的多語(yǔ)言文案即可：

class AppStrings {
  final String _localeName;
  // ......
  static AppStrings of(BuildContext context) {
    return Localizations.of<AppStrings>(context, AppStrings);
  }
  // AppStrings.of(context).str(stringKey)
  String str(String name) {
    return Intl.message(name, name: name, locale: _localeName);
  }
  // 重寫操作符，減少代碼量
  // AppStrings.of(context)[stringKey]
  operator [](String messageName) => str(messageName);
}

【本文轉(zhuǎn)載自云棲社區(qū)，作者： shoulder ，原文鏈接：https://yq.aliyun.com/articles/624559?spm=a2c4e.11157919.spm-cont-list.8.146c27aewVdE98】

當(dāng)前標(biāo)題：Flutter多語(yǔ)言實(shí)踐
網(wǎng)站URL：http://muchs.cn/article44/ppphee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、網(wǎng)站收錄、移動(dòng)網(wǎng)站建設(shè)、外貿(mào)建站、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)