在SwiftUI Form中嵌入动态列表失效问题及替代方案咨询

• 状态变量未正确声明：如果list只是普通数组变量，赋值后无法触发SwiftUI的视图刷新——SwiftUI依赖@State、@Published这类可观察状态容器来感知数据变化，普通变量的更新不会通知视图重新渲染。
• Couriers未遵循必要协议：使用ForEach(list, id: \.self)时，要求元素类型必须遵循Equatable（或Hashable）协议，否则ForEach无法区分列表元素的变化，导致视图不更新。
• onAppear绑定位置错误：把onAppear加在ForEach上时，若初始list为空，ForEach不会渲染任何内容，对应的onAppear也就不会触发，网络请求根本没机会执行。
• 网络回调未在主线程执行：如果APICalls.getData的回调是在后台线程触发的，直接给self.list赋值不会触发UI更新——SwiftUI的状态更新必须在主线程进行。
• 空数组判断逻辑存在问题：赋值后立刻判断list == []，此时SwiftUI的状态更新可能还未完成，判断结果不准确；而且应该直接用返回的info来判断是否为空，而非刚赋值的list。

• 将list声明为可观察状态：
  如果是在View结构体内部，用@State；如果是在ViewModel中，用@Published配合ObservableObject：

  // View结构体内部写法
  @State private var list: [Couriers] = []
  
  // ViewModel写法
  class ListViewModel: ObservableObject {
      @Published var list: [Couriers] = []
      
      func fetchData() {
          APICalls().getData(url: "https://test.com") { [weak self] (info: [Couriers], _) in
              DispatchQueue.main.async {
                  self?.list = info
                  if info.isEmpty {
                      print("No Data")
                  }
              }
          }
      }
  }
  

• 给Couriers添加标识逻辑：
  要么让Couriers遵循Equatable协议：

  struct Couriers: Codable, Equatable {
      let name: String
      // 其他属性
  }
  

  要么给Couriers添加唯一id属性，在ForEach中使用id: \.id：

  struct Couriers: Codable {
      let id: String // 假设后端返回唯一标识
      let name: String
  }
  
  // ForEach写法调整
  ForEach(list, id: \.id) { listItem in
      Text(listItem.name)
  }
  

• 调整onAppear的绑定位置：
  把onAppear绑定到Section或Form上，确保视图加载时就触发网络请求：

  Form {
      Section("My List") {
          ForEach(list, id: \.id) { listItem in
              Text(listItem.name)
          }
      }
  }
  .onAppear {
      // 执行网络请求逻辑
  }
  

• 确保状态更新在主线程：
  在网络回调中用DispatchQueue.main.async包裹赋值操作：

  APICalls().getData(url: "https://test.com") { (info: [Couriers], _) in
      DispatchQueue.main.async {
          self.list = info
          if info.isEmpty {
              print("No Data")
          }
      }
  }
  

• 修正空数据判断逻辑：
  直接使用返回的info判断是否为空，避免依赖未完成更新的list：

  APICalls().getData(url: "https://test.com") { (info: [Couriers], _) in
      DispatchQueue.main.async {
          self.list = info
          if info.isEmpty {
              print("No Data")
          }
      }
  }
  

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