将 List 的单元格属性绑定到 Observable ViewModel

Question

我有一个列表，它的单元格内容绑定到一个模型。模型内容取自网络。我使用@StateObject + @ObservableObject + @Published 机制来应用绑定如下：

ViewModel 是：

class ViewModel: ObservableObject {
   @Published var employees = [Employee]()
}

视图是：

import SwiftUI

struct PresentView: View {
   
   @StateObject var viewModel = PresenterViewModel("https://www.somelink.com/")
   
   var body: some View {
       NavigationView {
           List(self.viewModel.employees) { employee in
               EmployeeView(name: employee.name,
                            role: employee.title.rawValue)
           }
           .listStyle(GroupedListStyle())
           .onAppear() {
               viewModel.load() // URL combine fetch
           }
           .navigationBarTitle("Company")
       }
   }
}

struct EmployeeView: View {
   
   var name: String   // <---- I want to attribute it a @Binding
   var role: String   // <---- I want to attribute it a @Binding

   var body: some View {
       HStack {
           Image(imageName)
           VStack {
               Text("\(name)")
                   .font(.headline)
               Text("\(role)")
                   .font(.subheadline)
           }
       }
   }
}

（'Employee' 带有几个字符串和一个枚举，并符合 Identifiable and Decodable）

我的问题：

为什么我不能将 EmployeeView 的属性声明为@Binding？ （它喊道：“无法将'String'类型的值转换为预期的参数类型'Binding”，我猜他期待调用者的“@State”，但我不能在这里提供）。 毕竟应用@Binding 是有意义的：我的视图模型中已经有了一个事实来源和一个双向绑定。如果我在没有 @Binding 的情况下保留 EmployeeView，这意味着每个单元格内容都将针对每个 List 加载进行复制，这是多余的，因为我的模型中已经有了事实来源。 我做错了什么？

Answer 1

毕竟，应用@Binding 是有意义的：我已经在我的视图模型中拥有了事实来源和双向绑定。

这不是正确的思考方式。如果子视图不修改内容，则不需要绑定。是的，数据会被复制，但这不会破坏事实的来源 - 事实的来源仍然是视图模型，无论那里有多少 不可变 副本是。

---

但如果子视图正在修改内容，那么您需要使用@Binding 注释它修改的属性，并且您需要将Binding<String> 传递给它们。现在您正在直接传递 String - 因此出现错误。

在 SwiftUI 中绑定一个列表项（在我看来）有点奇怪。您可以采取多种方法。其中之一是迭代数组的索引，而不是元素，并使用$employees[index] 来获取到元素的绑定。

我还建议将整个 employee 对象传递给 EmployeeView，而不是其各个属性。

List(self.viewModel.employees.indices, id: \.self) { index in
   EmployeeView(employee: self.$viewModel.employees[index])
}

那么，你需要在EmployeeView的属性上使用@Binding：

struct EmployeeView: View {
   @Binding var employee: Employee

   var body: some View {
      VStack {
         TextField("", text: $employee.name) // ex: modifies the name
         Text(employee.role) // ex: doesn't modify the role
      }
   }
}