React Native中Firestore文档添加异常：按钮点击时addNew方法未执行及安全规则报错求助

咱们一步步拆解你遇到的问题，先从最明显的点入手：

1. 按钮 onPress 存在语法错误 #

先看你的按钮代码：

<Button onPress={() => { addNew(); >>> not working!! }} >

这里的>>> not working!!是无效的JavaScript语法，会直接导致这个点击回调函数报错，按钮的点击事件自然无法触发。你需要改成合法的写法：

// 简洁写法
<Button onPress={() => addNew()} >
// 带注释的合法写法
<Button onPress={() => { 
  addNew(); 
  // 原注释移到这里
}} >

这是最紧急的问题，先修正它，按钮的点击逻辑才有可能正常触发。

2. Firestore安全规则不匹配 #

你的安全规则只开放了todos集合的读写权限：

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

但代码里实际操作的是Users集合：

firestore().collection("Users").add(...)

这会导致Firestore返回权限拒绝的错误，就算按钮点击触发了addNew()，数据添加操作也会失败。你需要给Users集合添加对应的权限规则：

service cloud.firestore {
  match /databases/{database}/documents {
    match /todos/{document=**} {
      allow read, write: if true;
    }
    // 新增Users集合的权限配置
    match /Users/{document=**} {
      allow read, write: if true;
    }
  }
}

⚠️ 注意：allow read, write: if true是完全开放的规则，仅适合开发测试阶段，上线前一定要改成严格的权限控制（比如限制仅认证用户操作）。

3. 额外排查点（若前两步解决后仍有问题） #

• 添加错误捕获：给add方法加上catch块，打印具体错误信息，帮你精准定位问题：

const addNew = () => {
  firestore()
    .collection("Users")
    .add({
      name: "Ada Lovelace",
      age: 30,
    })
    .then(() => {
      console.log("User added!");
    })
    .catch((error) => {
      console.error("添加失败：", error); // 打印错误详情
    });
};

• 检查Firebase初始化：确认React Native项目中已正确安装并初始化@react-native-firebase/app和@react-native-firebase/firestore，且配置了对应的google-services.json（Android）或GoogleService-Info.plist（iOS）文件。
• 查看调试控制台：打开React Native的调试控制台（Cmd+D/Ctrl+D唤起调试菜单，选择Debug JS Remotely），检查是否有语法错误或Firebase相关的报错提示。

先解决前两个核心问题，应该就能让addNew()方法正常执行了。

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