反应本地化：全局变量

Question

我是 React 的新手，我来自iOS/Android世界，其中本地化的字符串都定义在专用文件中。 我研究了react-native-localization ，似乎我们需要在每个类中定义字符串对象，然后在渲染中使用这些值。 这对我来说似乎非常低效且支离破碎，或者我可能误解了用法。 我一直无法找到使用react-native-localization好例子。 我真的很感激一些指导。

Answer 1

我们在我们的项目中使用了 react-native-localization，它非常有用，这是我们的用法：

.../ApplicationRoot/utils/strings.js

import LocalizedStrings from 'react-native-localization';

let Strings = new LocalizedStrings({
  ar:{
    hello:'أهلاً',
    howareyou:'كيف حالك؟'
  },
  en:{
    hello:'Hello!',
    howareyou:'How Are You?'
  }

});


module.exports = Strings;

之后，我们将它导入到我们想要使用的任何组件中：

测试组件.js：

import Strings from './utils/strings.js'

...

<Text>Strings.hello</Text>

Answer 2

可以使用这个反应库设置本地化。 它也有速记方法。 并且它还支持设备的自动语言检测。

更新

使用此库，因为不推荐使用上述库

https://github.com/react-native-community/react-native-localize