我希望语言更改反映在整个应用程序上,并且我希望应用程序在用户刷新页面时记住上次选择的语言。在我的 languageSelectionScreen 下面给出,它根据所选语言(英语或阿拉伯语)设置翻译
语言选择屏幕.js
import StringsOfLanguages from './StringsOfLanguages';
const HomeScreen = ({navigation}) => {
const lang = [
{shortform: 'en', longform: 'English'},
{shortform: 'ar', longform: 'Arabic'},
];
const settext = (value) => {
StringsOfLanguages.setLanguage(value);
navigation.navigate('MainPage', {selectedLanguage: value});
};
return (
<SafeAreaView>
<View>
<Text>
Please Select Preferred Language
</Text>
<Image
source={require('../imgs/logo.png')}
/>
<ScrollView >
{lang.map((item, key) => (
<View key={key}>
<Text
onPress={() => settext(item.shortform)}
>
{item.longform}
</Text>
<View />
</View>
))}
</ScrollView>
</View>
</SafeAreaView>
);
};
在这个屏幕上,当用户选择阿拉伯语或英语的语言按钮时,它调用settext函数,该函数根据所选语言设置语言,但我需要以某种方式为整个应用程序保存这个值,并让它保持不变。在刷新/重新启动应用程序时