在路由到另一个屏幕后，React Native和i18n返回到默认语言
React Native是一种用于构建跨平台移动应用程序的开发框架，而i18n是国际化（Internationalization）的缩写，用于实现应用程序的多语言支持。
在路由到另一个屏幕后，React Native和i18n返回到默认语言的过程如下：
- 确定默认语言：在应用程序中，可以事先设定一个默认语言，用于在没有用户选择语言时作为备选。默认语言通常是应用程序的主要语言或者是最常用的语言。
- 路由到另一个屏幕：当用户在React Native应用程序中导航到另一个屏幕时，可以使用React Navigation等导航库来管理屏幕之间的切换。
- 语言切换处理：在React Native中，可以使用i18n库来实现多语言支持。当用户选择切换语言时，可以通过调用i18n库提供的方法来更新应用程序的当前语言。
- 返回到默认语言：如果用户在另一个屏幕选择了切换语言，但在返回时没有选择其他语言，应用程序可以通过检查当前语言是否与默认语言相同来确定是否需要返回到默认语言。
- 更新界面：一旦确定需要返回到默认语言，应用程序可以使用i18n库提供的方法来切换回默认语言，并更新界面上显示的文本、图像等内容。
在React Native中，可以使用react-i18next等库来实现i18n的功能。对于推荐的腾讯云相关产品，可以考虑使用腾讯云的云服务器（CVM）来部署React Native应用程序，使用腾讯云的对象存储（COS）来存储应用程序的多语言资源文件，使用腾讯云的内容分发网络（CDN）来加速多语言资源文件的传输，以提供更好的用户体验。
腾讯云云服务器（CVM）产品介绍链接地址：https://cloud.tencent.com/product/cvm 腾讯云对象存储（COS）产品介绍链接地址：https://cloud.tencent.com/product/cos 腾讯云内容分发网络（CDN）产品介绍链接地址：https://cloud.tencent.com/product/cdn
相关·内容
我有一个简单的应用程序，我使用i18next在我的应用程序中应用翻译。
这是我的i18next代码：
import i18n from 'i18next';
import {initReactI18next} from 'react-i18next';
import en from './en/en.json';
import ar from './ar/ar.json';
import he from './he/he.json';
import AsyncStorage from '@react-nat
浏览 9提问于2021-10-24得票数 0
我正在尝试设置默认语言当用户第一次打开应用程序时，我使用的是i18next &react-I18下一种默认语言我想设置为ar，有没有一种方法可以在不需要用户操作的情况下将语言更改为ar
这是我的配置
import i18n from 'i18next';
import {initReactI18next} from 'react-i18next';
import {I18nManager} from 'react-native';
// the translations
const ar = require('./Lang/ar.
浏览 11提问于2021-06-28得票数 0
我使用i18n-js和react- Native -localize在我的React Native应用程序中支持多种语言。我为每种语言创建一个JSON文件，并根据用户的语言设置使用键显示它。下面是导入JSON文件并配置i18n的核心文件。
import I18n from 'i18n-js';
import * as RNLocalize from 'react-native-localize';
import en from './en.json';
import ja from './ja.json';
const loc
浏览 1提问于2020-04-13得票数 0
1回答
我在react-native中的应用程序有两种语言:英语和法语。我已经做了一个i18n.js文件和两个"translation.js“文件的英语和法语。它工作得很好(我已经尝试过在手机上设置法语，在模拟器上设置英语)。
现在，我想在应用程序的设置中创建一个按钮，为用户更改整个应用程序的语言，但我不知道调用什么函数以及如何创建它。
你能帮我吗？非常感谢您的时间和帮助。
我的i18n.js文件；
import i18n from "i18next";
import detector from "i18next-browser-languagedetector"
浏览 0提问于2020-03-11得票数 4
回答已采纳
在过去的几天里，我一直在努力解决这个问题。我有一个React应用程序，我正在尝试通过使用i18next来使它多语种。我想根据选择的语言更改url路径，例如、、等。
i18n.ts文件：
import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';
import Backend from 'i18next-http-backend';
import LanguageDetector from 'i18next-browser-languagede
浏览 2提问于2022-05-26得票数 0
我在i18n的react中使用BrowserRouter进行路由，我需要将basename设置为/fa/ (波斯语)和/ (英语)，所以我动态地更改了basename，问题是当basename更改路由器路径时，会更改为输入的第一个路由。
例如：
我使用以下url进入app：app.com/companies/，然后转到app.com/investors/，之后我更改了语言，基本名称将更改为/fa/，然后我将返回到app.com/fa/companies/而不是app.com/fa/investors
我是这样设置basename的：
import { BrowserRouter as Rout
浏览 1提问于2018-08-16得票数 1
1回答
..。我正在尝试删除抽屉导航，并使用底部导航，但我无法显示闪屏，然后是主页屏幕。请帮助我，因为我是一个全新的反应原住民… ..。导航代码..。 import React from "react";
import { createStackNavigator, createAppContainer, createBottomTabNavigator } from "react-navigation";
import DoctorHome from "../containers/Home/DoctorHome/DoctorHome";
import
浏览 8提问于2019-03-25得票数 0
回答已采纳
我只想使用redux国际化我的react本地应用程序，但为了简洁起见，我将避开与redux相关的部分，因为整个应用程序运行得非常好。对于应用程序的每个屏幕组件，我创建一个上下文来包装屏幕组件并传递与屏幕相关的所有字符串。
因此，我在一个单独的文件中创建了上下文，并将其导出为Language
import React, { useContext, createContext } from "react";
import { useSelector } from "react-redux";
import { getTranslation } from ".
浏览 1提问于2021-10-14得票数 0
回答已采纳
我正在使用React Native和i18n语言管理器，并且我试图在第一个应用程序启动时创建语言选择。
选择语言后，组件会重新呈现并执行正确的语言，因此语言选择屏幕确实可以工作。(假设我选择了英语，则按钮字符串为英语)
但在登录到应用程序后，语言发生了变化，我真的不明白为什么。(此处假设是英语，而不是显示希伯来语字符串)
这是一个App.js文件，我已经用Async Storage检查过应用程序以前是否启动过(如果没有显示语言选项，如果确实使用了保存的语言选项)。
import React, {useEffect, useState} from "reac
浏览 32提问于2021-05-18得票数 1
回答已采纳
我正在为React native使用这个包。
import I18n, { getLanguages } from 'react-native-i18n';
import en from './locales/en';
import ara from './locales/ara';
I18n.fallbacks = true;
I18n.translations = {
en,
ara
};
export default I18n;
但问题是，随着语言的变化，我无法重新呈现我的应用程序数据
I18n.locale = &#
浏览 3提问于2021-07-08得票数 0
2回答
我在我的reactjs应用程序中使用react-i18next。
问题是，当我更改语言时，应用程序会重新加载，并且总是从主路由开始。
有没有一种方法可以在不重新加载页面的情况下重定向到同一页面或更改语言？
谢谢
更新
I18n.js
import i18n from 'i18next';
import LanguageDetector from 'i18next-browser-languagedetector';
import {de} from "../../locales/de";
import {en} from "../../
浏览 26提问于2017-07-28得票数 0
回答已采纳
我正在尝试使用“i18n -js”在我的react原生应用程序中集成多语言："^3.2.1“我想在更改i18n的区域设置后从react-navigation更新标题。
一旦更改了区域设置，我就运行this.forceUpdate()；来重新加载页面。
switchSettings = (field_name, value) => {
console.log(field_name);
switch (field_name) {
case "languages":
setLang
浏览 0提问于2019-05-15得票数 0
2回答
我正在使用i18n在react原生应用程序中进行本地化，但我在更改应用程序方向时遇到了一个问题，当我将其更改为阿拉伯语时，它将更改为RTL，但返回到英语时，它仍然保持不变 import { I18nManager } from 'react-native';
import I18n from 'react-native-i18n';
import Store from '../store/Store';
import en from './en';
import ar from './ar';
I18n.fall
浏览 53提问于2020-04-20得票数 1
2回答
我正在开发一个react原生程序，我在里面使用Switch Navigator。但我想知道如何为Switch Navigator设置后退按钮。我不想使用堆栈导航器。下面是我的导航页面代码 import createAnimatedSwitchNavigator from 'react-navigation-animated-switch';
import {createAppContainer } from 'react-navigation';
import { Transition }
浏览 12提问于2019-06-01得票数 3
回答已采纳
我想知道:有没有像react-native-splash-screen这样的闪屏模块？此模块有助于通过react-native隐藏闪屏。是否有其他可选的颤动模块来隐藏闪屏？ https://github.com/crazycodeboy/react-native-splash-screen
浏览 16提问于2020-01-15得票数 0
回答已采纳
假设我在React Native中有一个项目，它是用react-native-cli初始化的。可以在这个项目中使用世博会的闪屏吗？ 如果不是，那么在使用react- Native -cli创建的React native项目中实现闪屏的最佳方式是什么？ (除了react-native-splash screen)
浏览 9提问于2019-04-07得票数 2
1回答
我是很新的反应本土化。我试图创建一个带有模块的滑块菜单。我是在跟着考试。他们的代码出现了错误：
'use strict';
var React = require('react-native');
var {
AppRegistry,
StyleSheet,
Text,
View,
} = React;
var SlideMenu = require('react-native-navigation-drawer');
var Menu = require('./menu.js');
var Pages =
浏览 0提问于2017-10-16得票数 0
回答已采纳
我有一个React Native应用程序，目前正在更新UI。该应用程序的要求之一是在纵向模式下锁定屏幕方向。为此，我在清单文件中添加了android:screenOrientation="portrait"。它在实时应用中工作得很好，但是现在随着UI的更新，它不再工作了。我试过很多方法，但都没有用。 我正在分享清单文件，新旧的package.json文件，如果有人知道什么，请让我知道。 Android清单 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
pa
浏览 15提问于2021-02-09得票数 1
回答已采纳
我在react native中使用了I18n.js库，根据在I18n.js文件中选择的defaultLocale成功地更改了语言。
但是，问题是当我使用redux connect执行状态更改时，它给了我很多错误！我搜索了一个名为react-redux-i18n的库，但是有没有办法在不使用额外库的情况下解决这个问题？
我的I18n.js文件：
import I18n from "i18n-js";
import en from "./locales/en";
import tm from "./locales/tm";
impor
浏览 19提问于2019-03-27得票数 0
我试着用玩笑开始测试一个成熟的RN应用程序。大多数组件都封装在react i18Next提供的withNamespaces中。
当我运行测试时，会出现以下错误：
FAIL tests/setting.test.js
● Test suite failed to run
TypeError: Cannot read property 'type' of undefined
4 |
5 | i18n
> 6 | .use(initReactI18next)
| ^
7 | .init({
浏览 1提问于2019-12-31得票数 0
回答已采纳
我正在尝试从用户的设备中获取当前的区域设置。目前，我有两个版本的应用程序:法语和英语。当我改变回退语言时，它可以正常工作，我有两个版本的应用程序。但我无法从设备中直接改变语言.
我用了很多页上的RNlocalize，但它对我不起作用.我的App.js：
import React, { Component } from "react";
import I18n from "./src/i18n/I18n";
import * as RNLocalize from "react-native-localize";
async handleLocal
浏览 7提问于2019-10-07得票数 2
回答已采纳
我的应用程序同时针对阿拉伯语和英语，我正在尝试更改整个应用程序语言，并强制整个应用程序进行更新，包括帮助我在应用程序中同时包含阿拉伯语和英语数字的FormattedProvider。我在主要的App.js应用程序组件上使用它的标签作为包装器，如下所示： import React from 'react';
import { StyleSheet, Text, View, TouchableOpacity, ScrollView } from
'react-native';
import * as Expo from 'expo';
impor
浏览 18提问于2019-01-20得票数 2
我正在做一个react原生项目，我使用了react- native -bootsplash作为我的启动画面。问题是闪屏上的徽标图像太小，因为闪屏徽标的建议大小是100。有没有办法调整镜像的大小或者使用bootsplash生成的@5x镜像？？
浏览 93提问于2021-10-16得票数 1
回答已采纳
我是做导航在反应本土化的所有反向箭头或反向按返回到最初的路线。在最后一个选项是列表到onBackPreessed事件和传递调用的init路由，这是家。我希望它们将成为允许屏幕在堆栈导航中返回到init屏幕的道具。
发生了什么
在home：go details，然后在A中按A反箭头，返回到details<code>E 211</code>
需要行动
在home：go details，然后在A中按下A后箭头返回到home<code>E 223</code>而不是<code>E 124</code>details<code
浏览 12提问于2022-02-13得票数 0
回答已采纳
2回答
有什么方法可以移除react-native的默认闪屏吗？或者定制默认的闪屏。就像我想要在闪屏中添加一个加载栏和淡出效果。我想为公司和应用程序创建2闪屏。可以更改装货时间吗？
浏览 25提问于2020-06-17得票数 0
回答已采纳
2回答
我想从url中删除/en或/it。我不想让它明目张胆地把它放进网址。默认情况下，i18next会这样做，我不知道如何删除它。我只是想把它作为背景。
我是否必须添加任何选项来删除该选项，否则我将无能为力？
我的代码如下：
import i18n from 'i18next'
import Backend from 'i18next-http-backend'
import LanguageDetector from 'i18next-browser-languagedetector'
import { initReactI18next }
浏览 2提问于2021-04-05得票数 4
回答已采纳
出于SEO的目的，我需要将英语设置为默认语言mynextapp.com/，当用户进入网站时，他/她可以在英语或法语之间进行选择，如果选择英语，则url将改为mynextapp.com/en，，如果选择法语，则选择-> mynextapp.com/fr。
目前，我正在使用Next -i18n中的build in选项：
i18n: {
locales: ['en', 'fr'],
defaultLocale: 'en',
},
但这允许我只使用英语作为默认路径= mynextapp.com/。
语言开关：
<Lin
浏览 3提问于2021-03-13得票数 6
回答已采纳
2回答
我有一部分代码加载i18n的存储语言。我正在尝试获取语言，将状态更改为true，然后在屏幕上显示页面。
代码没有更新"yesLanguage“状态，它仍然返回false。
代码必须返回真"yesLanguage“。
代码的目标是在显示屏幕之前设置应用程序的默认语言，然后用默认语言(用户最近设置的语言)显示屏幕。
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow strict-local
*/
/*
import React fro
浏览 0提问于2021-10-25得票数 0
首先，我初始化了i18next电感。
import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';
const resources = {
en: {
translation: {
'Welcome to React': 'Welcome to React and react'
}
},
de: {
translation: {
'Welcome to React
浏览 1提问于2021-01-19得票数 21
回答已采纳
我是第一次接触react-native。我使用react-native-navbar包返回到以前的路由
当我单击导航栏按钮时，它会显示一个错误"undefined is not an object(evaluating 'this.navigator.pop')“
下面是我的代码片段：
'use strict';
var React = require('react-native');
var {
StyleSheet,
Text,
View,
} = React;
var NavigationBar = requ
浏览 0提问于2016-02-24得票数 2
在我的服务器路由中，我执行这样的操作(注意：i18next-express-middleware已经在准备中，服务器端呈现工作正常)：
export default function (req, res) {
const lng = req.language.toUpperCase()
console.log(lng) // Always display [EN]
MyModel
.findOne(query, { fieldEN: 1, fieldFR: 1 })
.exec()
.then(res => reply(res[`field${ln
浏览 0提问于2018-07-08得票数 0
回答已采纳
我正在尝试让RN i18next和locize提供基于react-native-i18n的当前语言环境的翻译(已经在本地设置了翻译)
我在这里找到的languageDetector库有问题：
它会抛出一个关于找不到对象的参数"replace“的错误。
所以我想我可以使用下面的代码来设置我自己的locize/languageDetector。
然而..当区域设置更改时，它似乎不会更新。
我做错了什么？
在i18next.js中：
import i18next from "i18next";
import LocizeBackend from "i18next-lo
浏览 5提问于2018-09-03得票数 1
我使用的是react-native 0.32.0和" react-native-navigation "："^1.0.30"，我想首先获得一个闪屏，然后转到主屏幕，在那里我开始使用react-native-navigation。我在谷歌上搜索了很多，也做了很多重新研究，但仍然不知道怎么做。我尝试将最简单的配置传递给Navigation.startSingleScreenApp，但我仍然可以在iOS中获得导航栏。有没有可能先得到一个原始的闪屏，然后再使用react-native导航来导航？
浏览 14提问于2016-09-12得票数 0
我的应用程序中有闪屏，5秒后它会导航到另一个屏幕。 我想要的是闪屏应该只显示在第一次时，应用程序被加载，一旦用户出来的应用程序和打开它，然后它不应该显示闪屏。 以下是我的代码 import React, { Component } from 'react';
import { View, ImageBackground, StyleSheet, BackHandler, Alert } from 'react-native';
import { Actions } from 'react-native-router-flux';
import
浏览 11提问于2019-04-22得票数 0
通过使用react-native-video，在iOS中如何调用this.player.presentFullscreenPlayer()并直接旋转到横屏。我曾尝试在调用this.player.presentFullscreenPlayer()时一起使用react-native-orientation to Orientation.lockToLandscape();，但似乎不起作用。在RTCVideo.m中有一个调用setFullscreen的函数，有谁知道如何修改，以便当触发this.player.presentFullscreenPlayer()时，它从风景开始，谢谢。
浏览 1提问于2018-01-15得票数 1
2回答
你好，我正在构建一个演示应用程序，只是为了学习React，而且我有点被翻译过程困住了。我想做的是拥有一个多语言网站，默认的语言是“希腊语”和“英语”。当启用希腊语时，URL中不应该包含任何区域设置，但是当英语启用时，URL应该用/en/重写。
i18n Config
import translationEn from './locales/en/translation';
import translationEl from './locales/el/translation';
import Constants from './Utility/Const
浏览 0提问于2019-07-12得票数 6
回答已采纳
我有一个使用react-navigation的React Native应用程序。我想在StackNavigator的4个特定屏幕之间滑动手势。从屏幕A，我想要在向左滑动时访问屏幕B，在向右滑动时访问屏幕C，在向上滑动时访问屏幕D。然后从屏幕B开始，例如，如果我向右滑动，我就会回到屏幕A，等等。 我在React Navigation3.x中找不到任何适合我的用例的东西。有什么建议吗，也许是在react-native-gesture-handler中？ 我已经查过这个链接了：How to swipe horizontally inside stackNavigator screens?
浏览 6提问于2019-10-15得票数 0
我正在通过app.json设置闪屏图标和颜色： 当我试图在Android模拟器上测试应用程序时，它工作正常，但在执行apk之后，问题似乎又出现了 以下是来自app.json文件的闪屏代码片段： "platforms": [
"ios",
"android"
],
"version": "1.0.0",
"orientation": "portrait",
"icon": "./assets/icon.png",
"splash
浏览 17提问于2019-05-25得票数 0
回答已采纳
在我的应用程序中，我使用了本机路由器流量作为路由器导航。我使用redux和redux来访问一些状态变量。
使用下面的语句，redux功能在我的应用程序中工作得很好。
export default connect(mapStateToProps,mapDispatchToProps)(ComponentName);
在mapStateToProps文件本身中有使用App.js的方法吗？
在我的应用程序中，我正在使用react本机-i18n npm软件包进行语言翻译。我把当前的语言存储在redux商店里。因此，如果我在应用程序中更改语言，redux存储中的变量将被更改，并且更改将反映在所有屏幕中。
浏览 0提问于2019-02-07得票数 2
我希望我的应用程序包含一个设置屏幕，这样我就可以从选取器中更改语言。我希望语言变化反映在整个应用程序上，我希望应用程序记住上一次选择的语言。下面是我的index.js，它导入了en、am或tg的键值对语言，
index.js
import * as RNLocalize from 'react-native-localize';
import I18n from 'i18n-js';
import memoize from 'lodash.memoize';
import en from './en';
import am f
浏览 45提问于2020-05-08得票数 1
我正在使用react-i18next来翻译一个。它可以工作，但在启动应用程序时，我无法在AsyncStorage中检索用户的区域设置。错误是：
ERROR TypeError:未定义不是函数，js引擎: hermes错误不变冲突:模块AppRegistry不是已注册的可调用模块(调用runApplication)。错误的一个常见原因是应用程序输入文件路径不正确。这也可能发生在JS包损坏或加载React .，js engine: hermes时出现早期初始化错误时。
守则是：
import i18n, { LanguageDetectorAsyncModule } from "i
浏览 4提问于2021-06-18得票数 0
回答已采纳
我在react-router中使用React-i18next。我的应用程序的每个路由都有一个唯一的i18n名称空间。
当用户处于特定路线时，如何预取翻译文件以优化用户的页面后续导航？
浏览 3提问于2019-12-19得票数 0
我开始使用React Native并使用Visual Studio代码。 图像组件不工作，我像这样做，但背景图像没有显示。 import React, { Component } from 'react';
import { View, StyleSheet, TouchableOpacity, Text, Dimensions, Image} from 'react-native';
import Icon from 'react-native-vector-icons/Ionicons';
import GLOBAL from '.
浏览 56提问于2019-07-11得票数 2
回答已采纳
我在React Native中得到了意想不到的令牌，为什么要尝试实现一个简单的闪屏。我的代码看起来有点像这样
import {
createAppContainer,
createSwitchNavigator
} from 'react-navigation';
import SplashScreen from './components/Splashscreen';
import Login from './components/Login'
const HomeNavigator = createSwitchNavigator({
浏览 7提问于2019-11-17得票数 0
我尝试创建一个用于更改语言的选择器。但是，即使用户选择了不同的语言，一些文本仍然没有被翻译。我试过了
import * as RNLocalize from 'react-native-localize';
import I18n from 'i18n-js';
import memoize from 'lodash.memoize';
import en from './en';
import am from './am';
import or from './or';
import tg f
浏览 34提问于2020-05-07得票数 2
1回答
如何刷新所有屏幕
、、
我正在开发一个使用i18n.js和博览会本地化的多语言应用程序。默认语言是系统默认值，用户可以选择他们喜欢的语言。但是在选择语言之后，只有StackActions.replace('MyDrawer')下的屏幕才会更新，语言也会改变。其他屏幕仍然使用默认的语言。我想知道是否有任何方法来刷新所有屏幕的反应导航？
import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
import i18n from 'i18n-js';
import AsyncStorage
浏览 9提问于2022-02-12得票数 0
回答已采纳
1回答
我是react native的新手，正在尝试创建一个iOS应用程序。我的闪屏运行良好，并在创建项目时加载初始App.js屏幕。但是，当我将返回值更改为我自己的.js文件时，它无法构建并停留在闪屏上。请给我一些小贴士，我看了很多教程。 App.js // App.js
import React, { Component } from 'react';
import SplashScreen from 'react-native-splash-screen';
import GetStarted from './authentication/GetSt
浏览 7提问于2019-02-21得票数 1
回答已采纳
1回答
我需要在url中添加语言，也就是说，URL现在看起来是，，但它需要类似于，。
同时，当有人发送链接到该网站时，必须从链接中提取语言。这是我的密码。语言工作，点击更改。
import i18n from 'i18next'
import HttpApi from 'i18next-http-backend'
import LanguageDetector from 'i18next-browser-languagedetector'
import { initReactI18next } from 'react-i18next'
浏览 19提问于2022-08-05得票数 3
1回答
将导航和抽屉添加到我的组件后，构建失败。使用
import { Drawer, View} from 'native-base'
import { Navigator } from 'react-native'
下面是我的依赖项。
"dependencies": {
"native-base": "2.1.5",
"react": "15.6.1",
"react-native": "0.46.1",
浏览 0提问于2017-07-10得票数 0
我是react-native的新手，我正在尝试从用户的设备中获取最新的语言环境。目前，我的应用程序有两个版本:法语和英语。当我更改备用语言时，它工作得很好，我确实有两个版本的应用程序。但我不能直接从设备上更改语言。
我们可以手动更改，但是如果我们在设备上设置了法语，那么我们就不能直接获取法语。
import i18next from 'i18next';
import {initReactI18next} from 'react-i18next';
const languageDetector = {
type: 'languageDet
浏览 13提问于2021-05-31得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
