如何使用本地反应来更改语言?

时间:2019-03-27 05:46:46

标签: javascript reactjs react-native localization react-native-android

我正在追踪this doc ,以在我的应用中实现语言翻译方法。  有一个用于选择语言的下拉菜单,我试图控制该值  从下拉列表中获取,然后将其传递给onChangeText函数。我是  使用两种语言,例如英语和阿拉伯语,但是在切换  从英语到阿拉伯语的语言不会更改为阿拉伯语。以下是  部分代码进行本地化。请帮助我找出错误。谢谢!

stringsoflanguages.js

const strings = new LocalizedStrings({
    "English": {
        phone_number: "Phone Number",
        register: "REGISTER/LOGIN",
        plumber: "Plumber",


    },
    "Arabic": {
        phone_number: "رقم الهاتف",
        register: "التسجيل/الدخول",
        plumber: "سباك",
    }
export default strings;

register.js

import stringsoflanguages from './stringsoflanguages';
  const lang = [

            { value: 'English' },
            { value: 'Arabic' },

        ];
        language = lang;

 onChangeText(text) {

        console.log(text);

        stringsoflanguages.setLanguage(text);
    }
 ....
   .....

              <Dropdown
               label="Choose Language"
               data={language}
               textColor="#fff"
               selectedItemColor="#000"
              onChangeText={this.onChangeText}
                    />

                <Input
                 label="Phone Number"
                placeholder={stringsoflanguages.phone_number} />

                <Button onPress={() => this.onPressRegister()}>
                <Text>{stringsoflanguages.register</Text>
                </Button>

0 个答案:

没有答案