Translation

App.js

@@ -2,10 +2,12 @@ import { StatusBar } from 'expo-status-bar';
 import React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 
+import { t } from './locales'
+
 export default function App() {
   return (
     <View style={styles.container}>
-      <Text>Open up App.js to start working on your app!</Text>
+      <Text>{t{name}}</Text>
       <StatusBar style="auto" />
     </View>
   );

locales/en.json

@@ -0,0 +1,3 @@
+{
+    "Hola": "Hello"
+}

locales/es.json

@@ -0,0 +1,3 @@
+{
+    "Hello": "Hola"
+}

locales/index.js

@@ -0,0 +1,26 @@
+import I18n from "ex-react-native-i18n";
+import { Localization } from 'expo-localization'
+import { I18nManager } from "react-native";
+
+import en from './en.json'
+import es from './es.json'
+
+I18n.translations = {
+    en,
+    es
+}
+
+const getLanguage = async() => {
+ try {   const choice = await Localization.locale
+    I18n.locale = choice.substr(0, 2)
+    I18n.initAsync()
+ }catch(error){
+    console.log('Unable to get locale')
+ }
+}
+
+getLanguage()
+
+export function t(name){
+    return I18n.t(name)
+}