更改为asyncstorage

Question

render(){
const { navigate } = this.props.navigation;
if (this.state.isRefreshing) {
  return(
    <Spinner/>
  )
}
return(
  <Container style={style.container}>
    <Content>
      <List dataArray={this.state.list} renderRow={(data) =>
        <ListItem>
          <CheckBox onPress={() => this.saveLang(data.code)} checked={data.checked} />
            <Text style={style.black}> {data.title}</Text>
        </ListItem>
      }/>
    </Content>
  </Container>
)}

保存如何更新状态并应用所选语言

saveLang(value){
AsyncStorage.setItem("language", value);
this.setState(
  {
    list: [
    {
      'code': 'ru',
      'title': 'Русский',
      'checked': value == 'ru'
    },
    {
      'code': 'en',
      'title': 'English  ',
      'checked': value == 'en'
    }
  ],
  isRefreshing: true,
  }
);
I18n.locale = value;}

刷新传递，但我不知道如何在后台模式下更新应用程序 enter image description here

Answer 1

如果不了解您想要发生的事情，很难说，但AsyncStorage.setItem会返回Promise，所以如果您需要在完成后再做一些事情，请使用then：

function saveLang(value) {
  AsyncStorage.setItem("language", value).then(() => {
    // Perform your refresh
  });
}

或者，使用async / await语法：

async function saveLang(value) {
  await AsyncStorage.setItem("language", value);
  // Perform your refresh
}