React Native结合Firebase Firestore实现帖子点赞总数统计

核心原则：禁止通过遍历点赞子集合实时统计数量，必须在帖子主文档冗余存储点赞计数字段，配合原子操作保证数据一致性，兼顾性能、云资源成本和实时展示效果。

改造点赞/取消点赞逻辑 #

原有逻辑仅单独写入/删除点赞记录，需要补充原子计数同步逻辑，通过Firestore事务保证「点赞记录变更」和「计数更新」两个操作不会出现数据偏差（比如并发点赞导致计数多算、漏算）。
改造后的代码完全兼容你现有的存储结构，不需要调整likes子集合的原有格式：

// 点赞
const onLikePress = (userId, postId) => {
    const postRef = firebase.firestore()
        .collection("posts")
        .doc(userId)
        .collection("userPosts")
        .doc(postId)
    const likeRecordRef = postRef.collection("likes")
        .doc(firebase.auth().currentUser.uid)

    return firebase.firestore().runTransaction(async (transaction) => {
        // 先查询当前用户是否已经点过赞，避免重复操作
        const likeSnapshot = await transaction.get(likeRecordRef)
        if (likeSnapshot.exists) return

        // 写入点赞记录，和你原有逻辑保持一致，存储空文档即可
        transaction.set(likeRecordRef, {})
        // 帖子点赞数 +1
        transaction.update(postRef, {
            likesCount: firebase.firestore.FieldValue.increment(1)
        })
    })
}

// 取消点赞
const onDislikePress = (userId, postId) => {
    const postRef = firebase.firestore()
        .collection("posts")
        .doc(userId)
        .collection("userPosts")
        .doc(postId)
    const likeRecordRef = postRef.collection("likes")
        .doc(firebase.auth().currentUser.uid)

    return firebase.firestore().runTransaction(async (transaction) => {
        const likeSnapshot = await transaction.get(likeRecordRef)
        // 未点赞的状态下直接返回，避免重复扣减计数
        if (!likeSnapshot.exists) return

        // 删除点赞记录
        transaction.delete(likeRecordRef)
        // 帖子点赞数 -1
        transaction.update(postRef, {
            likesCount: firebase.firestore.FieldValue.increment(-1)
        })
    })
}

前端实时展示适配 #

你现有的帖子列表加载逻辑，只需要在读取帖子主文档快照时，把文档里的likesCount字段值同步存到列表的item对象中即可：

• 由于对帖子文档添加了实时快照监听，当点赞数通过事务发生变更时，前端会自动收到更新事件，重新渲染对应帖子的点赞数
• 你之前编写的<Text>{item.likesCount}</Text>不需要额外改动，就能实现和Instagram、Facebook一致的实时点赞数展示效果

存量数据迁移 #

如果已存在的老帖子没有likesCount字段，可以执行一次性迁移：遍历所有帖子文档，统计对应likes子集合的文档总数，将结果写入对应帖子文档的likesCount字段。后续所有点赞/取消操作都会通过前面的事务逻辑自动维护计数，无需人工校准。

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