Как сохранить изменение языка React-i18next React-native - PullRequest
Новая
       73

Как сохранить изменение языка React-i18next React-native

1 голос
/ 07 мая 2020

Я использую react-i18next и i18next для локализации приложения. Я хочу иметь возможность вручную менять язык в настройках и сохранять это изменение. Проблема в том, что я не знаю, как использовать redux в файле конфигурации i18n, поскольку redux - asyn c, также я проверил документы для некоторых встроенных опций хранения в react-i18next, но безуспешно.

вот конфигурационный файл i18n: 

'use strict';

import i18n from 'i18next';
import {reactI18nextModule, initReactI18next} from 'react-i18next';
import DeviceInfo from 'react-native-device-info';

import translationFR from '../translation/fr/translation.json';
import translationEN from '../translation/en/translation.json';
import translationAR from '../translation/ar/translation.json';

async function getAppLang() {
  const unsubscribe = store.subscribe(() => true);
  const appLang = await store.getState().appLang;
  await unsubscribe();
  return appLang;
}

let locale = DeviceInfo.getDeviceLocale().substring(0, 2);
if (locale != 'fr' && locale != 'ar') {
  locale = 'en';
}

// the translations
const resources = {
  en: translationEN,
  fr: translationFR,
  ar: translationAR,
};
i18n
  .use(reactI18nextModule) // passes i18n down to react-i18next
  .init({
    resources: resources,
    lng: locale,
    fallbackLng: ['en', 'fr', 'ar'],
    keySeparator: false, // we do not use keys in form messages.welcome
    interpolation: {
      escapeValue: false, // react already safes from xss
    },
  });


export default i18n;

Чтобы изменить язык, я использую эту функцию: 

import i18n from 'config/i18n';
////
i18n.changeLanguage(langageName);

СПАСИБО!

...