title: React native how to change the whole application text by changing the language?
body: <p>I have installed the i18n package <a href="https://github.com/AlexanderZaytsev/react-native-i18n" rel="nofollow noreferrer">https://github.com/AlexanderZaytsev/react-native-i18n</a>, which is working fine.</p>
  <p>In my LanguageScreen, I am storing the chosen language in the Async Storage. This is also working fine, unfortunately, by switching the languages it doesn't reload the app translations. How to achieve that?</p>
  <p>Here is my LanguageScreen:</p>
  <pre><code>const LANG_KEY = '@lang'
  
  function LanguageScreen({ props, navigation }) {
      const [language, setLanguage] = useState('');
      
      const saveLanguage = (lang) =&gt; {
          cache.store(LANG_KEY, lang);
          i18n.locale = lang;
      };
      const readData = async () =&gt; {
          try {
            const userLang = await cache.get(LANG_KEY);
            if (userLang !== null) {
              setLanguage(userLang)
            }
          } catch (e) {
            alert('Failed to fetch the data from storage')
          }
      }
      useEffect(() =&gt; {
          readData()
      }, []);
      
      ...
      
  }
  </code></pre>