react-native-rtl-tutorial
react-native-rtl-tutorial copied to clipboard
Demo app and example files for React Native internationalization tutorial with RTL support . Uses react-i18next for translation.
React Native RTL Layout Tutorial Demo App
Files for React Native Right to Left layout and Arabic translation tutorial.
Tutorial URL: https://www.youtube.com/watch?v=-x9sHrkzRyw
Blog Post: https://saadibrah.im/add-internationalization-and-right-to-left-layout-support-to-your-react-native-app-using-react-i18next/
Libraries or tools used
- React Native v0.62
- React Navigation v5
- react-18next
- react-native-restart
Useful links
- Post on React Native blog talking about RTL support
- i18next documentation
- react-18next documentation
- Fallback principles
- react-native-restart
- React Navigation documentation
Running the app in simulator
To run the app you need yarn package manager. Once you have yarn installed, clone the repo and navigate to it's directory in terminal and run the following commands:
## to install the dependencies
yarn
## to run the app on iOS
cd ios/ && pod install && cd ..
react-native run-ios
## to run the app on Android
react-native run-android