React Native集成Firebase/Firestore用户头像更新异常：控制台提示成功但数据库未同步问题求助

你遇到的核心问题是：只更新了Firebase Auth的用户Profile信息，但没有同步更新Firestore数据库中对应的用户文档。

Firebase Auth和Firestore是两个独立的服务，Auth的用户资料更新不会自动同步到Firestore。你的Redux状态是内存级的，页面刷新后会重新从Firestore拉取用户数据，但Firestore里的photoURL还是旧值，所以头像就消失了。

修改你的saveProfilePicture函数，在Auth更新成功后，手动同步更新Firestore中的用户文档。假设你的用户数据存储在users集合下，文档ID为用户的UID（这是最常见的存储结构），代码调整如下：

const saveProfilePicture = (profilePictureURL) => {
  const userProfile = firebase.auth().currentUser;
  userProfile.updateProfile({ photoURL: profilePictureURL })
    .then(() => {
      console.log("status: " + 'update success');
      // 新增：同步更新Firestore中的用户文档
      return firebase.firestore().collection('users').doc(userProfile.uid).update({
        photoURL: profilePictureURL
      });
    })
    .then(() => {
      // Firestore更新完成后，再更新Redux状态
      dispatch(login({ photoURL: profilePictureURL }));
      console.log("Firestore用户资料同步完成");
    })
    .catch((error) => {
      console.log("error: ", error);
    });
};

• 确认Firestore文档路径：请确保users/{uid}是你实际存储用户数据的路径，如果你的集合名称或文档ID规则不同，需要对应修改。比如如果用户文档存在profiles/{uid}下，就把collection('users')改成collection('profiles')。
• Firestore安全规则配置：需要确保你的Firestore安全规则允许用户修改自己的文档，否则会出现权限错误。示例规则如下：

  rules_version = '2';
  service cloud.firestore {
    match /databases/{database}/documents {
      match /users/{userId} {
        allow update: if request.auth != null && request.auth.uid == userId;
      }
    }
  }
  

• 页面初始化逻辑：确认你的应用在页面刷新时，是从Firestore拉取用户数据并更新Redux状态的。只有这样，Firestore的数据更新后，下次刷新才能获取到新的头像URL。

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