在React Native App中將用戶更改爲用戶首選

-1

我正在使用React Native創建應用程序，需要能夠隨時更改應用程序的語言。我在這裏跟着樣品：https://github.com/appfoundry/react-native-multi-language-sample。在此之後，我已成功設置Redux和所有附帶的庫。在React Native App中將用戶更改爲用戶首選

我遇到的問題是，我試圖從一個警報彈出框中觸發我的操作，而不是一個選擇器，而且我遇到了實際調度操作的問題。

如果任何人都可以告訴我如何使用一個非常棒的Alert來更改用戶語言。

謝謝！

2017-09-29 Dominic

我一直在努力的想法可能會幫助你。

我用react-native-i18n（https://github.com/AlexanderZaytsev/react-native-i18n）創建了一個包含我所有翻譯的文件。事情是這樣的：

I18n.translations = { 
    en: { 
    helloWorld: 'Hello World!', 
    loginButton: 'Login', 
    } 
}

於是我進口它在我的組件，它包含應該被翻譯和使用這樣的文字：

<View> 
    <Text>{I18n.t('helloWorld'}</Text> 
</View>

我已經保存在我的數據庫，我的用戶語言當用戶在我的應用程序中登錄時獲取它並設置在我的reducer中。起初我從I18n.currentLocale()方法得到languge。

在我的部分，我從我的減速器得到了用戶的語言，並將其設置的I18n上配置： I18n.locale = this.props.language;

在這部分我有一個選擇器，以便用戶可以選擇自己的語言。我觸發一個動作來更新我的數據庫，以及減速器和使用componentWillReceiveProps()生命週期來更新I18n.locale值

componentWillReceiveProps(nextProps) { 
    I18n.locale = nextProps.language; 
    }

希望它可以幫助

2017-09-29 17:28:50 soutot

回答