Quelle est la meilleure façon d'obtenir de l'appareil paramètres régionaux de réagir natif (iOS)?

Il n'y a pas besoin d'une bibliothèque externe. Vous pouvez trouver lorsque vous êtes à la recherche pour Réagir dans l' Les Modules Natifs

import { NativeModules } from 'react-native'

//iOS:
const locale = NativeModules.SettingsManager.settings.AppleLocale //"fr_FR"

//Android:
const locale = NativeModules.I18nManager.localeIdentifier //"fr_FR"

Pour tester cela, j'ai changé la langue sur mon appareil vers le français. Voici un échantillon de ce que vous trouverez dans le NativeModules.SettingsManager.settings liée à l'objet de paramètres régionaux:

{
    ...
    AppleKeyboards: [
        "fr_FR@hw=US;sw=QWERTY",
        "en_US@sw=QWERTY;hw=Automatic",
        "es_419@sw=QWERTY-Spanish;hw=Automatic",
        "emoji@sw=Emoji"
    ]
    AppleLanguages: ["fr-US", "en-US", "es-US", "en"]
    AppleLanguagesDidMigrate: "9.2"
    AppleLocale: "fr_FR"
    NSLanguages: ["fr-US", "en-US", "es-US", "en"]
    ...
}

OriginalL'auteur evan_schmevan

Ci-dessous la fonction va retourner un 2 la lettre le code de langue. Par exemple: fr

function getLanguageCode() {
  let systemLanguage = 'en';
  if (Platform.OS === 'android') {
    systemLanguage = NativeModules.I18nManager.localeIdentifier;
  } else {
    systemLanguage = NativeModules.SettingsManager.settings.AppleLocale;
  }
  const languageCode = systemLanguage.substring(0, 2);
  return languageCode;
}

OriginalL'auteur Firoz Ahmed

Rien de ce qui précède a fonctionné pour moi, mais cette composant.

console.log("Device Locale", DeviceInfo.getDeviceLocale()); //e.g en-US

OriginalL'auteur brannigan

J'ai trouvé cette solution pour Android et iOS (RN 0.35)

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

if (NativeModules.I18nManager) {
    const {localeIdentifier, isRTL} = NativeModules.I18nManager;
}

Peut-être cela va de l'aide à quelqu'un, mais iOS ne montre propriété locale. Il montre que les rtl de soutien maintenant.

OriginalL'auteur SerzN1

NativeModules solution peut être changé au fil du temps par Facebook développeurs.

Pour cette raison, j'avais préparé un composant. (Il ne fonctionne que sur Android pour l'instant)

Exemple d'utilisation:

import SystemSettings from 'react-native-system-settings'

SystemSettings.get(
    settings => console.log('settings: ', settings)
)

Également la promesse-qui peuvent être utilisés:

SystemSettings.get().then(settings => console.log('settings: ', settings)).done()

Aussi ES7 asynchrone attendent méthode peut être utilisée!

class App extends React.Component {
    componentWillMount() {
        this._loadInitialState()
    }

    _loadInitialState = async () => {
        try {
            let settings = await SystemSettings.get()
            //Now settings variable would be filled and can be used!
        } catch (error) {}
    };
}

Un exemple de résultat:

{
    densityDpi: 320,
    fontScale: 1,
    hardKeyboardHidden: "no",
    keyboard: "qwerty",
    keyboardHidden: "no",
    localization: {
        country: "US",
        displayCountry: "United States",
        displayLanguage: "English",
        displayName: "English (United States)",
        is24HourFormat: false,
        language: "en",
        locale: "en_US",
        networkCountry: "US",
        simCountry: "US",
        timeZone: {
            ID: "Europe/Amsterdam",
            displayName: {
                long: "Amsterdam Standard Time",
                short: "GMT+01:00",
            },
            offset: 3600000
        }
    },
    orientation: "portrait",
    screenHeightDp: 615,
    screenLayout: "normal",
    screenWidthDp: 360,
    smallestScreenWidthDp: 360,
    uiModeType: "normal"
}

OriginalL'auteur efkan

Je suis en utilisant réagir-native-i18n

afin d'accéder à la langue de l'appareil que j'ai utilisé:

import { getLanguages } from 'react-native-i18n';

getLanguages().then(languages => {
  console.log(languages); //['en-US', 'en']
});

Tout est dans la documentation.

OriginalL'auteur Luminita Balas