using multiple languages in a react native app

Question

I have a react native app that I'm building as project for a company. the company wants to provide the option of choosing the language on set up and then changing it if needed from the settings page, same way the phone language on android works.

I first thought about saving the text in JSON file and loading the text from there when the app starts, and when I made my search I only found solution about localization rather than using multiple languages the way I'm doing.

So I was wondering if anyone can confirm that the JSON file solution I thought of is a good and useful idea and if there is other better solutions to use instead?

Answer 1

There are many solutions to this in react native. One would be to use i18n combined with your localization JSON files to create a multi language solution.

Example In Practice:

import React, { Component } from 'react';
import {
  View,
  Text
} from 'react-native';

import { strings } from '../locales/i18n';

class Screen extends Component {
  render() {
    return (
      <View>
        <Text>{strings('screenName.textName')}</Text>
      </View>
    );
  }
}

Full Explanation: https://medium.com/@danielsternlicht/adding-localization-i18n-g11n-to-a-react-native-project-with-rtl-support-223f39a8e6f2