支援多國語系

React Native : 0.42

結果預覽

在 react native app 中需要支援多國語系，我們可以引用 react-native-i18n 模組。

第一步：安裝模組
開啟終端機，移到專案目錄後執行下列指令

   npm install react-native-i18n --save   

第二步：連結函式庫
執行指令

   react-native link   

雖然 react-native-i18n 的作者有提到可以使用上述方式自動連結函式庫，但是經過實際測試發現 iOS 不可使用 (android 可以)，所以必須要透過手動的方式加入函式庫

步驟 2.1 打開專案
開啟專案目錄下 /ios/專案.xcodeproj

步驟 2.2 指定函式庫
如果有執行過 react-native link，在專案的 Libraries 目錄應該可以看到 RNI18n.xcodeproj 這個函式庫目錄，我們需要引用 libRNI18n.a。點選專案內的 Build Phases 底下的 Link Binary With Libraries，把 libRNI18n.a拉進來

＊如果沒有執行過 react-native link，在 Libraries 目錄底下會看不到 RNI18n.xcodeproj，這時候，你可以直接把 RNI18n.xcodeproj 拉到 Libraries 底下。RNI18n.xcodeproj 的位置在 專案 / node_modules / react-native-i18n

第三步：測試
完成上述步驟後，我們就可以開始使用 i18n 模組

最簡易的測試方法：
ReactNativeI18n.locale 會顯示目前載具所使用的語系，例如 en 或 zh-Hants


完整的專案已放到 Git 上
前往 Git 專案