replace deprecated react-native-i18n (#105)

* replace deprecated react-native-i18n

use react-native-languages and i18n-js instead

* fix linting errors

boilerplate/package.json.ejs

@@ -26,7 +26,8 @@
     "mobx-react": "5.1.2",
     "mobx-state-tree": "2.0.5",
     "ramda": "0.25.0",
-    "react-native-i18n": "2.0.12",
+    "react-native-languages": "^3.0.0",
+    "i18n-js": "^3.0.11",
     "react-native-keychain": "3.0.0-rc.3",
     "react-native-splash-screen": "3.0.6",
     "react-navigation": "2.3.1",

boilerplate/src/i18n/i18n.ts

@@ -1,7 +1,9 @@
-import I18n from "react-native-i18n"
+import RNLanguages from "react-native-languages"
+import i18n from "i18n-js"
 
 const en = require("./en")
 const ja = require("./ja")
 
-I18n.fallbacks = true
-I18n.translations = { en, ja }
+i18n.locale = RNLanguages.language
+i18n.fallbacks = true
+i18n.translations = { en, ja }

boilerplate/src/i18n/translate.ts

@@ -1,12 +1,12 @@
-import I18n from "react-native-i18n"
+import i18n from "i18n-js"
 
 /**
  * Translates text.
  *
  * @param key The i18n key.
  */
 export function translate(key: string) {
-  return key ? I18n.t(key) : null
+  return key ? i18n.t(key) : null
 }
 
 /**
@@ -16,5 +16,5 @@ export function translate(key: string) {
  * @param vars Additional values sure to replace.
  */
 export function translateWithVars(key: string, vars: object) {
-  return key ? I18n.t(key, vars) : null
+  return key ? i18n.t(key, vars) : null
 }

boilerplate/test/mock-i18n.ts

@@ -1,4 +1,4 @@
-jest.mock("react-native-i18n", () => {
+jest.mock("i18n-js", () => {
   return {
     t: key => `${key}.test`,
   }