Я нашел эту хорошую и простую статью https://medium.com/@jamuhl/translate-your-expo-io-react-native-mobile-application-aa220b2362d2 для реализации локализации в RN (в Expo).
Мой вариант использования немного отличается: в моем приложении есть список из сотен терминов для перевода (объект js ~ 1 МБ на каждый язык, раз 6-7 языков).
Приложение полностью автономно (нет возможности загрузить файлы локали с сервера), поэтому я ищу лучший способ ленивой загрузки нужного мне языка локали json / js.
Я здесь, чтобы посоветоваться с экспертами RN / i18next, возможно.
EDIT:
Я в значительной степени скопировал конфигурацию i18n этой https://github.com/i18next/react-i18next/blob/master/example/react-native-expo/js/i18n.js
Реальные базы данных находятся в поле data:DB. Конечно, это не лучший способ загрузки тяжелых файлов, я всегда загружаю все БД всех языков. Могу ли я сохранить такую же простую структуру, но лениво загружать только нужный мне язык?
Иначе, есть пример local lazy-load (из файловой системы устройства) в i18next и response-native?
import i18n from 'i18next';
import {reactI18nextModule} from 'react-i18next';
i18n
.use(languageDetector)
.use(reactI18nextModule)
.init({
fallbackLng: 'en',
resources: {
en: {
home: {
title: 'Welcome',
introduction: 'This text comes from i18next and is provided in english.',
},
data: { DB:require("./locales/it.json") },
},
de: {
home: {
title: 'Willkommen',
introduction: 'Dieser Text ist von i18next und ist in deutsch.',
},
data: { DB:require("./locales/de.json") },
}
},
// have a common namespace used around the full app
ns: ['common'],
defaultNS: 'home',
debug: true,
interpolation: {
escapeValue: false, // not needed for react as it does escape per default to prevent xss!
}
});