Changing the devise locale in React-native

Question

I have successfully installed react-native-i18n and its works fine. However, I want to change the locale inside the React native app itself.

I have added a button( Touchable opacity ) and have written the following code :

onPress={() => { i18n.locale = 'ar'; }}

However, this does not change the locale to 'ar' and all my translations are still coming for english ( en-US ) only. I dont want the user to go to phone settings and change the locale from there. Can I not do it from the app itself? Only so that the locale is limited for my app only.

Answer 1

You need to rerender the app. Listen for ConfigurationChange event to rerender or you may refer this GitHub issue . Easier hack is to set a state once you do i18n.locale = 'ar' :)