AsyncStorage无法持久化保存数据且无报错问题求助

你的代码存在两个核心问题，导致重启后读取不到新保存的值：

1. 错误依赖异步的 setState 结果保存数据 #

setState 是异步执行的，你在调用 setState 后立即使用 this.state.isMuted 保存到 AsyncStorage，此时状态还未完成更新，实际存储的是修改前的旧值。

看你的日志：点击按钮后打印了 saved! false，但重启后读取的仍是 true——这是因为你打印的是后续异步更新后的状态，但实际保存的是调用 setState 时还未改变的旧值（true）。

修复方案 #

直接使用你已经计算好的新值（newMuted）来保存，而非依赖未更新的 this.state：

onPressSpeaker = async () => {
  const newMuted = !this.state.isMuted;
  try {
    // 直接用计算好的新值保存
    await AsyncStorage.setItem("muted", newMuted.toString());
    // 保存成功后再更新状态
    this.setState({"isMuted": newMuted}, async () => {
      console.log("saved! "+this.state.isMuted.toString());
      const muted = await AsyncStorage.getItem('muted');
      if(muted !== null) {
        console.log("data found! "+muted);
      }
    });
  } catch (e) {
    console.log("保存失败：", e);
  }
};

2. getSettings 方法的两个隐患 #

• 混用 async/await 与 .then()：没必要同时使用两种异步语法，用 await 更简洁易读；
• 使用 eval 解析布尔值：eval 存在安全风险（若存储值被篡改可能执行恶意代码），直接用字符串比较即可完成布尔转换；
• setState 后立即打印状态：同样因 setState 异步，打印的是旧状态，需在回调中打印更新后的值。

修复后的 getSettings 方法 #

async getSettings() {
  try {
    const muted = await AsyncStorage.getItem("muted");
    if (muted != null) {
      // 用字符串比较替代eval，安全可靠
      this.setState({"isMuted": muted === 'true'}, () => {
        console.log("init! "+this.state.isMuted.toString());
      });
    } else {
      console.log("init! found null");
    }
  } catch(e) {
    console.error("读取设置失败：", e);
  }
}

额外提示 #

• 避免在 setState 后立即依赖 this.state 的值，如需使用更新后的状态，务必在 setState 的回调函数中操作；
• 存储布尔值时，建议用字符串 "true"/"false" 而非直接存布尔值（AsyncStorage 仅支持存储字符串），读取时通过字符串比较还原布尔值，比 JSON.parse 更直观。

内容的提问来源于stack exchange，提问作者Ryota Mitarai