小编Vis*_*hal的帖子

如何使用 i18next/react-i18next 获取当前语言环境?

我是反应本机新手,我正在尝试从用户的设备获取当前区域设置。目前,我的应用程序有两个版本:法语和英语。当我更改后备语言时,它工作得很好,我确实有该应用程序的两个版本。但我无法直接从设备更改语言。

我们可以手动更改,但是如果我们在设备上设置了法语,那么我们无法直接获取法语。

在此输入图像描述

import i18next from 'i18next';
import {initReactI18next} from 'react-i18next';

const languageDetector = {
  type: 'languageDetector',
  async: true,
  detect: cb => cb('en'),
  init: () => {},
  cacheUserLanguage: () => {},
};

i18next
  .use(languageDetector)
  .use(initReactI18next)
  .init({
    fallbackLng: 'en',
    debug: true,
    resources: {
      en: {
        translation: {
          hello: 'Hello world',
          change: 'Change language',
        },
      },
      sv: {
        translation: {
          hello: 'Hallo!',
          change: 'Goedemorgen',
        },
      },
    },
  });

export default i18next;
Run Code Online (Sandbox Code Playgroud)

应用程序.js

import React from 'react';
import { Text, View, TouchableOpacity } from …
Run Code Online (Sandbox Code Playgroud)

javascript react-native react-i18next

6
推荐指数
1
解决办法
2万
查看次数

标签 统计

javascript ×1

react-i18next ×1

react-native ×1