React Native使用Firebase Firestore无法存储数据求助

1. 未捕获异步操作错误 #

你的handleAdd是异步函数，但未对addDoc的调用做错误捕获。当addDoc执行出错时，错误会被静默吞掉，代码会停在await处，无法执行后续的console.log('After addDoc')。

解决办法：给addDoc加上try/catch块，捕获并打印错误信息，定位具体问题：

const handleAdd = async () => {
  console.log('Before addDoc');
  try {
    await addDoc(value, { name: sname, roll: sroll, class: sclass });
    console.log('After addDoc');
  } catch (error) {
    console.error('添加数据失败:', error);
  }
};

2. Firestore安全规则限制 #

Firestore默认安全规则要求用户必须经过身份验证才能读写数据。如果你的应用未实现用户认证，直接调用addDoc会被规则拒绝，导致操作失败。

排查方法：

• 打开Firebase控制台，进入Firestore数据库的「规则」页面
• 检查当前规则是否为默认的身份验证限制：

  rules_version = '2';
  service cloud.firestore {
    match /databases/{database}/documents {
      match /{document=**} {
        allow read, write: if request.auth != null;
      }
    }
  }
  

临时测试方案：开发阶段可暂时修改规则允许所有读写（上线前务必改回安全规则）：

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write: if true;
    }
  }
}

3. Firebase依赖安装或版本问题 #

如果Firebase SDK版本与React Native/Expo版本不兼容，或者依赖包未正确安装，可能导致Firestore初始化或操作失败。

排查方法：

• 检查package.json中的firebase版本，确保使用与项目环境匹配的官方推荐版本
• 执行npm install或yarn install重新安装依赖，确认无安装错误
• 验证config.js中Firestore初始化代码getFirestore(app)未抛出异常

4. 组件状态未正确绑定 #

你定义了sroll、sname、sclass三个状态，但如果对应的TextInput未正确绑定onChangeText事件，会导致状态值为空或未更新。若Firestore规则要求字段非空，会直接导致写入失败。

排查方法：确认TextInput的绑定逻辑正确，状态能实时更新：

<TextInput
  value={sroll}
  onChangeText={setRoll}
  placeholder="输入学号"
/>
<TextInput
  value={sname}
  onChangeText={setName}
  placeholder="输入姓名"
/>
<TextInput
  value={sclass}
  onChangeText={setClass}
  placeholder="输入班级"
/>

5. 网络连接问题 #

如果设备无网络连接，Firestore无法与服务器通信，addDoc的Promise会一直处于pending状态，代码无法继续执行。

排查方法：

• 检查设备网络连接是否正常
• 切换至其他网络环境测试操作

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