首页 > 解决方案 > (本机反应):如何在应用程序重新启动时保存选定的语言

问题描述

我希望语言更改反映在整个应用程序上,并且我希望应用程序在用户刷新页面时记住上次选择的语言。在我的 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函数,该函数根据所选语言设置语言,但我需要以某种方式为整个应用程序保存这个值,并让它保持不变。在刷新/重新启动应用程序时

标签: react-nativereact-native-localize

解决方案


推荐阅读