ネイティブローカライゼーションに対応：グローバル変数

Question

私はReactを初めて使用しています。iOS/Androidの世界から来ています。ローカライズされた文字列はすべて専用ファイルで定義されています。私はreact-native-localizationを調べました。各クラスの文字列オブジェクトを定義し、その値をレンダリングに使用する必要があるようです。これは非常に効率が悪く、断片化しているように思えるかもしれません。あるいは、誤解しているかもしれません。私は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; 

：我々は、使用している

Answer 1

が、これは私たちの用法である私たちのプロジェクトにネイティブの局在化を反応させ、その非常に便利

TestComponent.js：

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

... 

<Text>Strings.hello</Text> 

Answer 2

私は任意のコンポーネントで、私たちはそれを使用したいですローカル化をthis react libraryで設定することができます。また、省略方法もあります。また、デバイスの自動言語検出もサポートしています。