SwiftUI @Binding 不刷新视图

Question

我有一个简单的大纲/细节界面，其中详细信息视图修改数组中的项目。使用以下命令，模型会正确更新，但 SwiftUI 不会刷新视图以反映更改。

型：

struct ProduceItem: Identifiable {
let id = UUID()
let name: String
var inventory: Int
}
final class ItemStore: BindableObject {
var willChange = PassthroughSubject<Void, Never>()
var items: [ProduceItem] { willSet { willChange.send() } }
init(_ items: [ProduceItem]) {
self.items = items
}
}

显示生产项列表的母版视图(将项目存储插入到场景委托的环境中)：

struct ItemList: View {
@EnvironmentObject var itemStore: ItemStore
var body: some View {
NavigationView {
List(itemStore.items.indices) { index in
NavigationLink(destination: ItemDetail(item: self.$itemStore.items[index])) {
VStack(alignment: .leading) {
Text(self.itemStore.items[index].name)
Text("(self.itemStore.items[index].inventory)")
.font(.caption)
.foregroundColor(.secondary)
}
}
}
.navigationBarTitle("Items")
}
}
}

允许您更改物料库存值的详细信息视图：

struct ItemDetail: View {
@Binding var item: ProduceItem
var body: some View {
NavigationView {
Stepper(value: $item.inventory) {
Text("Inventory is (item.inventory)")
}
.padding()
.navigationBarTitle(item.name)
}
}
}

点击"项目详细信息"视图中的步进器会修改商店中的项目，但步进器的文本不会更改。导航回列表确认模型已更改。另外，我确认商店打电话给willChange.send()其出版商。我假设send()调用更新环境中的 ItemStore，并且应通知详细信息视图的@Binding属性更改并刷新显示(但事实并非如此)。

我尝试更改 ItemDetail 的项目属性以使用@State：

@State var item: ProduceItem = ProduceItem(name: "Plums", inventory: 7)

在这种情况下，使用步进器时将更新模型项目，并刷新视图，显示更新的库存。谁能解释为什么使用@Binding属性不会刷新界面，但本地@State属性会刷新界面？

Answer 1

这里有一个解决方法。调用 ItemDetail 时使用索引，而不是元素。在 ItemDetail 中，您可以使用@EnvironmentObject.

struct ItemList: View {
@EnvironmentObject var itemStore: ItemStore
var body: some View {
NavigationView {
List(itemStore.items.indices) { index in
NavigationLink(destination: ItemDetail(idx: index)) {
VStack(alignment: .leading) {
Text(self.itemStore.items[index].name)
Text("(self.itemStore.items[index].inventory)")
.font(.caption)
.foregroundColor(.secondary)
}
}
}
.navigationBarTitle("Items")
}
}
}
struct ItemDetail: View {
@EnvironmentObject var itemStore: ItemStore
let idx: Int

var body: some View {
NavigationView {
Stepper(value: $itemStore.items[idx].inventory) {
Text("Inventory is (self.itemStore.items[idx].inventory)")
}
.padding()
.navigationBarTitle(itemStore.items[idx].name)
}
}
}