Initial commit

locales/i18n.js

@@ -0,0 +1,60 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import * as RNLocalize from 'react-native-localize';
+import AsyncStorage from '@/storage/index';
+// 导入语言包
+import en from './en.json';
+import zh from './zh.json';
+console.log('🚀 ~ RNLocalize:', RNLocalize)
+
+// 导入语言资源
+const resources = {
+    en: { translation: en },
+    zh: { translation: zh }
+  };
+
+const languageDetector = {
+    type: 'languageDetector',
+    async: true,
+    detect: async callback => {
+      try {
+        // 从本地存储读取用户选择的语言
+        const saveLng = await AsyncStorage.getItemAsync('@APP_LANGUAGE');
+        const lng = saveLng ? saveLng.lng : null;
+  
+        // 如果没有选择的语言，使用设备首选语言
+        const bestLanguageOption = RNLocalize.getLocales()[0].languageCode || 'en';
+        callback(lng || bestLanguageOption);
+      } catch (error) {
+        console.error("Failed to detect or load the language", error);
+      }
+    },
+    init: () => {},
+    cacheUserLanguage: async lng => {
+      console.log('🚀 ~ lng:', lng)
+      try {
+        // 将用户选择的语言存储到本地
+        await AsyncStorage.setItemAsync('@APP_LANGUAGE', {lng});
+      } catch (error) {
+        console.error("Failed to save the user's language choice", error);
+      }
+    },
+  };
+  
+
+i18n
+  .use(languageDetector)
+  .use(initReactI18next)
+  .init({
+    resources,
+    fallbackLng: 'en',
+    compatibilityJSON: 'v3',
+    interpolation: {
+      escapeValue: false, // react already saves from xss
+    },
+  });
+
+export default i18n;
+
+
+