将 Firebase 实时数据库与 SwiftUI 列表一起使用 - 清除列表

Question

我想知道通过可观察对象清除视图中显示的列表数据的最有效方法是什么？目前，每次我重新加载视图时，数据都会重复（因为我们正在检查查询以获取更新并解析响应）。这不是预期的行为。预期的行为将是仅更新 @Published 属性“如果”数据库指示已收到新通知。

我知道罪魁祸首是 .onAppear 块中的代码 - 我只是不确定在架构上如何解决这个问题。我怎么能在只解析新数据而不是之前解析的数据时使用这个监听器？

我试图清除列表 .onAppear，但导致崩溃表明我试图删除一个部分，而已经有 0 个部分，所以这不起作用。

我考虑过在发送到 Firebase（或使用 firebase 密钥本身）时，可能会为 Message 对象提供静态唯一 ID 以与 Message 对象一起上传。这样我就可以使用一组使用唯一 ID 的字典对象来识别字典中的对象。这可以帮助我避免重复条目。

struct Updates: View {
    @ObservedObject var dataController = DataController()
    var body: some View {
        ZStack {

            VStack {

                List {

                    ForEach(self.dataController.messages, id: \.id) { message in
                            Text(message.message)
                        }

                    }
                }.onAppear {

                    self.dataController.query.observe(.childAdded) { snapshot in
                        let data = JSON(snapshot.value as Any)

                        if let message = Message.parseFirebaseQuery(dataJSON: data){
                            self.dataController.messages.append(message)
                        }
                    }
                }
        }
    }
}

class DataController: ObservableObject {

    @Published var query = ChatPathsAndReferences.refs.databaseMessages.queryLimited(toLast:100).queryOrdered(byChild: "date")
    @Published var messages = [Message]()

}

Answer 1

我通过向我的 ObservableObject 添加一个 init 块解决了这个问题

class DataController: ObservableObject {

    @Published var query = ChatPathsAndReferences.refs.databaseMessages.queryLimited(toLast:100).queryOrdered(byChild: "date")
    @Published var messages = [Message]()

    init() {
       self.query.observe(.childAdded) { snapshot in
          let data = JSON(snapshot.value as Any)
       
          if let chatMessage = ChatMessage.parseFirebaseQuery(dataJSON: data){
             self.messages.append(chatMessage)
          }
       }
   }
}

所以现在，当我创建视图时，对象会在数据控制器中初始化观察者而不是视图。

struct Updates: View {
   // As you can see, we initialise the data controller which inits the observer. 
   // Since the messages in the data controller are @Published, 
   // we don't need to worry about checking for updates again in the view
    @ObservedObject var chatDataController: DataController = DataController()
    
    var body: some View {
        GeometryReader { geometry in
            ZStack {
                Color("Background")
                
                VStack {

                    // messages
                    List {
                        ForEach(self.chatDataController.messages, id: \.id) { message in
                                Text(message.message)
                        }
                    }
            }
        }
    }

}