在React Native应用中使用多种语言

时间:2019-03-12 15:36:11

标签: react-native multilingual

我有一个我正在作为公司项目构建的React本机应用程序。该公司希望提供选择设置语言的选项,然后根据需要从设置页面更改语言,就像android上的电话语言一样。

我首先想到的是将文本保存在JSON文件中,并在应用启动时从那里加载文本,当我进行搜索时,我只找到了有关本地化的解决方案,而不是在使用多种语言的情况下。

所以我想知道是否有人可以确认我想到的JSON文件解决方案是一个好而有用的主意,以及是否还有其他更好的解决方案可以使用?

1 个答案:

答案 0 :(得分:0)

项目react-native-i18n已弃用。阅读本文Internationalization in React Native,该文章不需要任何链接或任何配置。

import i18n from 'i18n-js';

import en from './locales/en.json';
import de from './locales/de.json';

i18n.defaultLocale = 'en';
i18n.locale = 'en';
i18n.fallbacks = true;
i18n.translations = { en, de };

export default i18n;

要在页面上显示国际化信息,我们可以通过传递翻译键作为参数来使用 i18n.t()函数。例如 i18n.t(“ home.welcome”)