使用Firestore的addSnapshotListener时数据显示异常求助

这问题我之前也踩过坑，核心问题出在你的Fetcher类的fetchData方法里，咱们一步步拆解问题和修复方案：

核心问题：重复追加数据导致列表重复 #

每次addSnapshotListener触发时（包括初始加载、新增数据、甚至Firestore的元数据更新），你都在执行self.data.append(...)，没有先清空原有数据。举个例子：

• 初始加载时，快照返回所有文档，你把这些数据追加到data里；
• 当你调用addItem添加新文档后，快照会再次返回所有文档（包括新添加的），你又把所有文档重新追加一遍，自然就出现了重复条目。

其他潜在问题 #

1. ItemModel的ID设计不合理：你用自动生成的UUID()作为Identifiable的id，但Firestore每个文档本身有唯一的documentID，用这个绑定ID不仅更合理，还能避免ForEach基于索引遍历的刷新问题。
2. 强制解包有崩溃风险：document.data()["title"]as! String用了强制解包，如果某个文档缺失title字段或类型不匹配，会直接导致崩溃。
3. addItem方法可能不符合需求：你当前用setData会直接覆盖stage.stageId对应的文档，如果你的需求是新增独立的item文档，应该用addDocument而非setData。

修复后的完整代码 #

1. 修正ItemModel结构 #

struct ItemModel: Identifiable {
    var id: String // 绑定Firestore文档的唯一ID
    var title: String
}

2. 重构Fetcher类（核心修复） #

class Fetcher: ObservableObject {
    @Published var data: [ItemModel] = []
    private var db: Firestore!
    
    init() {
        db = Firestore.firestore()
        fetchData()
    }
    
    private func fetchData() {
        self.db.collection("items").addSnapshotListener { querySnapshot, error in
            if let error = error {
                print("Error getting documents: \(error)")
                return
            }
            guard let documents = querySnapshot?.documents else {
                print("No documents found in collection")
                return
            }
            
            // 先创建新数组存储解析后的最新数据，避免直接修改原数组导致的多次刷新
            var newItems: [ItemModel] = []
            for document in documents {
                // 用可选绑定安全解析字段，避免强制解包崩溃
                if let title = document.data()["title"] as? String {
                    newItems.append(ItemModel(
                        id: document.documentID,
                        title: title
                    ))
                } else {
                    print("Warning: Document \(document.documentID) missing 'title' field")
                }
            }
            
            // 一次性替换原数组，触发View的单次更新
            self.data = newItems
        }
    }
}

3. 优化ListView的遍历方式 #

struct ListView: View {
    @ObservedObject var fetcher = Fetcher()
    
    var body: some View {
        VStack {
            // 直接遍历Identifiable数组，比基于索引遍历更高效安全
            ForEach(fetcher.data) { item in
                Text(item.title)
            }
        }
    }
}

4. 修正addItem方法（按需选择） #

如果你的需求是新增独立的item文档（每个item对应一个Firestore文档），改用addDocument：

func addItem(title: String) {
    self.db.collection("items").addDocument(data: [
        "title": title,
    ]) { err in
        if let err = err {
            print("Error adding document: \(err)")
        } else {
            print("New item added successfully")
        }
    }
}

如果你的需求是更新指定ID的文档，保留setData但建议用updateData避免覆盖整个文档：

func updateItem(stageId: String, title: String) {
    self.db.collection("items").document(stageId).updateData([
        "title": title,
    ]) { err in
        // 错误处理逻辑
    }
}

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