Dynamically change language inside app

Can you provide an example of dynamically change the language inside the app like the one you mentioned in #1? I don’t understand when RN.languages event listener for change actually triggers.

[FadiAboMsalam]

@sWgiraffe @MrEdinLaw i had managed to dynamic language switch by using

import { I18nManager, AsyncStorage } from "react-native";
import RNRestart from "react-native-restart";

inside my main app App.js

componentDidMount() {
		AsyncStorage.getItem("lang")
			.then(language => {
				if (language === "ar") {
					I18nManager.forceRTL(true);
					if (!I18nManager.isRTL) {
						RNRestart.Restart();
					}
				} else {
					I18nManager.forceRTL(false);
					if (I18nManager.isRTL) {
						RNRestart.Restart();
					}
				}
				i18n.locale = language;
			});
	}

and where i want to change my language - in my case settings screen i have

handleLanguageChange = lang => {
		AsyncStorage.setItem("lang", lang)
			.then(data => {
				RNRestart.Restart();
			})
			.catch(err => {
				console.log("err");
			});
	}

here is my i18n.js

import RNLanguages from "react-native-languages";
import i18n from "i18n-js";

import en from "./translations/en.json";
import ar from "./translations/ar.json";

i18n.locale = RNLanguages.language;
i18n.fallbacks = true;
i18n.translations = { en, ar };

export default i18n;

of course inside Appjs i included the i18n

import i18n from "./i18n";

please let me know if this helps

[elhachimi]

using React navigation and redux, i ended up passing the language to the AppNavigator like

<AppNavigator screenProps={{language}} />

so each time this prop changes on the store it makes the screens reload