我有一个简单的主/明细接口,其中明细视图修改了数组中的项目。使用以下代码,可以正确更新模型,但是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
}
}
显示ProduceItems列表的主视图(将ItemStore插入到SceneDelegate中的环境中):
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)
}
}
}
在ItemDetail视图中轻按步进器会修改商店中的商品,但步进器的文本不会更改。导航回列表,确认模型已更改。另外,我确认该商店致电willChange.send()
与其发布者。我假设send()
调用会更新环境中的ItemStore,并且应将更改通知详细视图的@Binding
属性并刷新显示(但不是)。
我尝试将ItemDetail的item属性更改为使用@State
:
@State var item: ProduceItem = ProduceItem(name: "Plums", inventory: 7)
在这种情况下,使用步进器时将更新模型项目,并刷新视图,以显示更新的库存。谁能解释为什么使用@Binding
属性不能刷新界面,而使用本地@State
属性可以刷新界面吗?
答案 0 :(得分:0)
在这里,您有一种解决方法。调用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)
}
}
}