How to get current language setting in the phone with react native

Question

I would like my app to support multiple languages, for example English and Chinese. Using react native, how do I find the language settings on the phone?

This is a coding community, could you provide the coding problem you are facing? — Patrik_P, Sep 25 '17 at 06:53
Possible duplicate of [What's the best way to get device locale in react native (iOS)?](https://stackoverflow.com/questions/33468746/whats-the-best-way-to-get-device-locale-in-react-native-ios) — Jigar Shah, Sep 25 '17 at 06:56

Firoz Ahmed · Answer 1 · 2019-11-14T10:58:28.603

38

import { NativeModules, Platform } from 'react-native';

const deviceLanguage =
          Platform.OS === 'ios'
            ? NativeModules.SettingsManager.settings.AppleLocale ||
              NativeModules.SettingsManager.settings.AppleLanguages[0] // iOS 13
            : NativeModules.I18nManager.localeIdentifier;

console.log(deviceLanguage); //en_US

edited Nov 14 '19 at 10:58

answered Jun 03 '19 at 10:08

Firoz Ahmed

1,929
16
18

1

Please add an explanation to your answer. – d_kennetz Jun 03 '19 at 15:06
6

you can get the local without using any library. – Firoz Ahmed Jun 04 '19 at 09:52
More info here: https://stackoverflow.com/a/35493069/2206455 – plocks Jul 14 '20 at 13:24
sounds like the best option, without any use of third party components – Nicolas Silva Nov 10 '20 at 21:17

score 5 · Accepted Answer · edited Sep 25 '17 at 13:32

5

Try using this library -> https://github.com/AlexanderZaytsev/react-native-i18n

import I18n from 'react-native-i18n';
deviceLocale = I18n.currentLocale()

edited Sep 25 '17 at 13:32

hardkoded

18,915
3
52
64

answered Sep 25 '17 at 12:32

Apurva jain

1,460
13
14

thanks a lot, I used the library(react-native-device-info) and solved it. this library has many informations about the device. [react-native-device-info](https://github.com/facebook/react-native) `const DeviceInfo = require('react-native-device-info'); const currentLocale = DeviceInfo.getDeviceLocale();` – Feiyang Lei Oct 17 '17 at 06:45
3

The library is now deprecated and no longer maintained. – Sampo Feb 12 '20 at 11:51

score 3 · Answer 3 · edited Feb 28 '21 at 06:56

3

import { NativeModules, Platform } from 'react-native';

let deviceLanguage = Platform.OS === 'ios' ? 
    NativeModules.SettingsManager.settings.AppleLocale:
    NativeModules.I18nManager.localeIdentifier;

if (deviceLanguage === undefined) {
    // iOS 13 workaround, take first of AppleLanguages array 
    deviceLanguage = NativeModules.SettingsManager.settings.AppleLanguages[0]
    if (deviceLanguage == undefined) {
        return defaultLocalization // default language
    }
}

edited Feb 28 '21 at 06:56

Alex

171
2
10

answered Sep 26 '19 at 18:11

Leonid Veremchuk

1,952
15
27

defaultLocalization is not declared – Katharsin Jun 11 '22 at 15:07

score 0 · Answer 4 · answered Dec 09 '22 at 08:05

0

You can use react-native-localize and get current user's device language:

import * as RNLocalize from "react-native-localize";

console.log(RNLocalize.getLocales());

answered Dec 09 '22 at 08:05

Khurshid Ansari

4,638
2
33
52

score 0 · Answer 5 · answered Jun 11 '23 at 16:14

export const getDeviceLanguage = () => {
  const locale = Platform.select({
    ios: () =>
      NativeModules.SettingsManager.settings.AppleLocale ||
      NativeModules.SettingsManager.settings.AppleLanguages[0],
    default: () => NativeModules.I18nManager.localeIdentifier,
  })();
  return locale.replace('-', '_').split('_')[0];
};

How to get current language setting in the phone with react native

5 Answers5