Published a new post to go through the process of adding multi-language support to a React Native app using i18next and persist the state of language changed with AsyncStorage.
The post demonstrates how to use the following libraries to achieve the functionality:
i18next: As previously mentioned, this is our internationalization library.
react-i18next: This library provides bindings for React and React Native projects using Hooks, High Order Components (HOCs), etc. We will use the useTranslation hook to translate the text within our React Native function components.
react-native-localize: This library provides helper functions based on the device’s localized language preferences.
@react-native-async-storage/async-storage: This is an unencrypted, asynchronous, persistent, key-value storage system that is global to the app. It is used to store the user’s language preference so that it remains constant even when the app restarts.