I am using i18next and react-i18next to internationalize my app.
Simple explanation:
If you device language is Turkish and your app has Turkish translations, it will show the translations for the Turkish. Otherwise, it will show the translations for English.
First, go to the i18n folder. Then, open the i18n/index.ts file.
Make sure you have the translations for the languages you are using.
Like below:const resources = {
tr: { translation: translationTr },
en: { translation: translationEn },
de: { translation: translationDe },
es: { translation: translationEs },
};
Important thing is you should have the translations for the languages you are using.
Define your translations for the languages you are using. Like below:{
"language": "...",
"success": "Success",
...
}
Finally, you can use the t function to get the translations. Like below:const { t } = useTranslation();
return <Text>{t('success')}</Text>
