多种语言选择的应用

时间:2018-09-05 09:02:31

标签: react-native

我正在寻找建议。我是本机移动应用程序的新手。我想构建一个简单的应用程序,用户可以在其中选择语言:英语或日语。根据语言选择,我的页面内容应该更改。

我可以遵循的任何建议或教程链接。

2 个答案:

答案 0 :(得分:2)

我们正在开发一个ReactNative应用,该应用的语言基于设备选择的语言,并具有第3方lib:https://github.com/stefalda/ReactNativeLocalization

您也可以按照注释SO链接中的建议使用https://github.com/AlexanderZaytsev/react-native-i18n,似乎很相似...

答案 1 :(得分:2)

首先,通常对i18n进行研究,尤其是对react进行研究,这是一个不错的example

在React中,您可以将react-intl与babel一起使用。

您可以将json文件用作每种语言的字典,并将它们作为静态资源放入您的项目文件夹中,例如:

en.json:{“关键字”:“翻译”}

{ 
 "welcomeText":"Welcome",
 "homeBtn":"Home",
 "backBtn":"Back",
 "titleAbout": "About us",
 ....
 ...
 ..
 .
} 

然后将其命名为:

   <h1>{I18n.t('titleAbout')}</h1>

很显然,您需要用户在登录时或在应用内部稍后选择一种语言,并将其存储在某个位置(每个会话的本地存储,在users-db等中)作为首选语言,并将其传递给您的响应-tranlate模块。