Internationalization is an important part of an app especially if you are targeting multiple countries or countries that speak multiple languages.

Here’s video a tutorial I have made that shows you how to add react-i18next to your react native app to add translations, how to switch the language, and most importantly how to handle Right to Left layouts for languages like Arabic, Urdu, Farsi, Hebrew, etc.

Project Files

https://github.com/saadibrahim/react-native-rtl-tutorial

Useful Links

• Post on React Native blog talking about RTL support
• i18next documentation
• react-18next documentation
• Fallback principles
• react-native-restart
• React Navigation documentation

Screenshots