调用 ObservableObject 类初始化器来更新 SwiftUI 中的 List

Posted 2023-02-24

【中文标题】调用 ObservableObject 类初始化器来更新 SwiftUI 中的 List

【英文标题】：Calling ObservableObject class initialiser to update List in SwiftUI

【发布时间】：2021-07-28 19:41:10

【问题描述】：

我有一个List，它使用一个 Fetch 类（一个 ObservableObject）进行了更新。它有一个初始化函数。这就是那个 Fetch 类。

@Published private(set) var items: [ItemsResult] = []
    
    init() 
        let url = URL(string: "[redacted]")!
        
        URLSession.shared.dataTask(with: url) (data, response, error) in
            do 
                if let itemsData = data 
                    let decodedData = try JSONDecoder().decode([ItemsResult].self, from: itemsData)
                    DispatchQueue.global(qos: .utility).async 
                        DispatchQueue.main.async 
                            print("running task")
                            self.items = decodedData
                        
                    
                    
                    print(self.items)
                 else 
                    print("No data")
                
             catch 
                print("Error: \(error)")
            
        .resume()
    

构建应用时，它会正确显示 API 返回的数据并与数据库匹配。但是，当我点击/单击一个以将其删除时，或使用我添加的文本区域添加它不会更新的新项目时。

struct TickrApp: View 
    @EnvironmentObject var fetch: Fetch

    var body: some View 
        NavigationView 
            Form 
                Section 
                    VStack(alignment: .center) 
                        Text("Welcome to Tickr")
                    
                
                Section 
                    List(fetch.items)  item in
                        CheckView(checked: item.done, title: item.content.replacingOccurrences(of:"_", with: " "))
                    
                
                AddItemView()
            .navigationBarTitle(Text("Tickr"))
        
    

当我记录他们响应的 decodedData 时，数据库正在更新，但每次我只调用Fetch()。三种情况下的请求都是一样的。

其中一个调用，用于文本输入。

  func toggle() 
    checked = !checked
        let url = URL(string: "")!
        var req = URLRequest(url: url)
        req.httpMethod = "POST"
        
        let task = URLSession.shared.dataTask(with: req)  data, response, error in
            guard let _ = data,
                let response = response as? HTTPURLResponse,
                error == nil else 
                print("error", error ?? "Unknown error")
                return
            
    
            guard (200 ... 299) ~= response.statusCode else 
                print("statusCode should be 2xx, but is \(response.statusCode)")
                print("response = \(response)")
                return
            
        
        task.resume()
        Fetch()

为了直观地更新列表，我需要完全退出应用程序/重新运行它才能正确显示新的和/或删除的项目。不会显示有关后台发布更改或任何内容的错误。

【问题讨论】：

我认为您在这里遗漏了一些重要的代码。您说 API 调用有效（至少在最初），这是这里的全部代码。然后，您引用点击其中一个项目或使用文本区域，但没有显示任何代码。从包含的代码中也不清楚您的List 将如何再次调用ObservableObject 的init。你能用minimal reproducible example更新吗？

@jnpdx 是的，对此感到抱歉，有点匆忙。这个编辑怎么样？

【参考方案1】：

您似乎正在尝试调用Fetch() 来刷新您的数据。这有两个问题：

您在dataTask 完成处理程序的外部 调用它。这意味着它可能会在写入完成之前被调用

调用Fetch() 只会创建Fetch 的新实例，而您真正想要做的是更新现有实例的结果。

我假设你的第一个代码是来自Fetch。我会把它改成这样：

class Fetch: ObservableObject 
  @Published private(set) var items: [ItemsResult] = []

  init() 
    performFetch()
  

  func performFetch() 
    //your existing fetch code that was in `init`
  

然后，在你的AddItemView 和CheckView 中，确保你有这行：

@EnvironmentObject var fetch: Fetch

这将确保您使用Fetch 的相同实例，因此您的列表将反映相同的结果集合。

完成toggle() 之类的操作后，请致电self.fetch.performFetch() 更新您的结果。所以，你最后的代码 sn-p 会变成这样：

let task = URLSession.shared.dataTask(with: req)  data, response, error in 
  //guard statements to check for errors
  self.fetch.performFetch() //perform your refresh on the *existing* `Fetch` instance

---

更大的重构将涉及将您的异步代码（如toggle）移动到视图模型，而不是在View 代码中执行任何。另外，考虑使用 URLSession Publishers 使用 Combine，因为您使用的是 SwiftUI：https://developer.apple.com/documentation/foundation/urlsession/processing_url_session_data_task_results_with_combine