Translations

Expand
Copy to Clipboardimport { parseI18nConfig } from '@kit/i18n/config';
import { DEFAULT_LANG, SUPPORTED_LANGS } from '@kit/shared/config/defined-languages';
import { applyAsyncFilter } from '@kit/utils/filters';
 
import enCommon from '../locales/en/common.json';
import frCommon from '../locales/fr/common.json';
 
const translations = {
  en: { common: enCommon },
  fr: { common: frCommon },
};
 
async function i18nResolver(language: keyof typeof translations, namespace: string) {
  const packageTranslations = await applyAsyncFilter('get_translations', null, {
    language,
    namespace,
  });
 
  if (packageTranslations) {
    return packageTranslations;
  }
 
  const lang = language in translations ? language : 'en';
  const ns = (namespace in translations[lang] ? namespace : 'common') as keyof (typeof translations)[typeof lang];
  return translations[lang][ns] as Record<string, string>;
}
 
export const i18nConfig = parseI18nConfig({
  defaultLanguage: DEFAULT_LANG,
  languages: SUPPORTED_LANGS,
  namespaces: ['common', 'client', 'notification', 'order', 'product'],
  resolver: i18nResolver as (lang: string, namespace: string) => Promise<Record<string, string>>,
});
Expand

Copy to Clipboardimport { I18nProvider } from '@kit/i18n/shared/provider';
import { i18nConfig } from '~/config/i18n.config';
import { getLocales } from 'expo-localization';
 
const locale = getLocales()[0];
const lang = locale?.languageCode;
 
<I18nProvider config={i18nConfig} lang={lang ?? undefined}>
  {children}
</I18nProvider>

Copy to Clipboardimport { useTranslation } from 'react-i18next';
 
export function SettingsTitle() {
  const { t } = useTranslation('common');
  return <Text>{t('settings.title')}</Text>;
}