调用 ObservableObject 类初始化程序以更新 SwiftUI 中的列表

如何解决调用 ObservableObject 类初始化程序以更新 SwiftUI 中的列表

我有一个 List，它更新了一个 Fetch 类，一个 ObservableObject。它有一个 init 函数。这就是 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"))
        }
    }
}

当我记录他们响应的解码数据时，数据库正在更新，但是在每个我只调用 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,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()

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

解决方法

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

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

2. 调用 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() 以更新结果。所以，你最后的代码片段会变成这样：

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 using Combine，因为您使用的是 SwiftUI：https://developer.apple.com/documentation/foundation/urlsession/processing_url_session_data_task_results_with_combine