React Native使用AsyncStorage异步获取存储数据失败求助

从你输出的Promise对象结构来看，它一直处于pending状态（{_40: 0, _65: 0, _55: null, _72: null}是React Native中未完成的Promise标识），这就导致你的then回调和catch分支都无法执行。下面是具体的诊断和解决方案：

1. 先确认AsyncStorage的正确引入 #

现在React Native的AsyncStorage已经从核心库剥离到独立包@react-native-async-storage/async-storage，如果还在使用旧的react-native内置版本，很容易出现无响应的情况：

• 先安装依赖：

  npm install @react-native-async-storage/async-storage
  # 或使用yarn
  yarn add @react-native-async-storage/async-storage
  

• 正确导入：

  import AsyncStorage from '@react-native-async-storage/async-storage';
  

2. 优化函数写法，精准排查异常 #

原代码中两个await AsyncStorage.getItem是串行执行的，若其中一个Promise卡住，整个函数都会停滞。建议用Promise.all并行获取，同时确保错误能被正确抛出：

async function getStoredDatas() {
  try {
    // 并行获取两个存储项，提升效率的同时更容易定位问题
    const [user, password] = await Promise.all([
      AsyncStorage.getItem('@Store:user'),
      AsyncStorage.getItem('@Store:password')
    ]);
    return { user, password };
  } catch (e) {
    console.error("读取存储数据出错:", e);
    throw e; // 抛出错误，让外部的catch分支能捕获到
  }
}

3. 正确调用函数并覆盖所有场景 #

调用时一定要加上catch分支，避免遗漏错误情况：

getStoredDatas()
  .then((datas) => {
    console.log("读取到的用户账号:", datas.user);
    console.log("读取到的密码:", datas.password);
  })
  .catch((error) => {
    console.log("捕获到异常:", error);
  });

4. 先测试存储功能是否正常 #

如果还是没反应，先测试写入+读取的完整流程，确认存储系统本身能正常工作：

async function testStorageWorkflow() {
  try {
    // 先写入测试数据
    await AsyncStorage.setItem('@Store:user', 'demoUser');
    await AsyncStorage.setItem('@Store:password', 'demoPass123');
    
    // 再读取验证
    const datas = await getStoredDatas();
    console.log("测试读取结果:", datas);
  } catch (e) {
    console.error("存储测试失败:", e);
  }
}

// 执行测试
testStorageWorkflow();

可能的其他排查方向 #

• 如果是在Web环境下使用：AsyncStorage仅支持React Native，Web端需要改用localStorage或其他适配方案。
• 权限问题：部分Android设备可能需要检查应用的存储权限是否开启。

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