更新 SwiftUI 列表中选定的对象

Question

当使用 SwiftUI 列表时，我有代码来更新所选对象，效果很好。但是，在所选对象发生更改之前，对所选对象的更改不会反映在列表中。

这是我的列表显示的类的简化版本。

class Item: ObservableObject {
    let id = UUID()
    @Published var name: String
    
    init(name: String) {
        self.name = name
    }
}

extension Item: Hashable {
    static func == (lhs: Item, rhs: Item) -> Bool {
        lhs.id == rhs.id
    }
    
    func hash(into hasher: inout Hasher) {
        hasher.combine(id)
    }
}

这是我的观点的简化版本。

struct TestView: View {
    @State var items = [
        Item(name: "Item 1"),
        Item(name: "Item 2"),
        Item(name: "Item 3"),
        Item(name: "Item 4")
    ]
    @State var selectedItem: Item?
    
    var body: some View {
        VStack {
            List(items, id: \.self, selection: $selectedItem) { item in
                Text(item.name)
            }
            
            HStack {
                Button { items.append(Item(name: "New Item")) }
                    label: { Text("Add Item") }
                
                Button { selectedItem?.name += "a" }
                    label: { Text("Update Item") }
                    .disabled(selectedItem == nil)
            }
        }
        .padding()
    }
}

我打算使用范围0..<items.count并更新数组中的对象，但是当项目数量发生变化时，这会崩溃。

屏幕录制：

Answer 1

由于您的项目具有引用类型 ( class Item)，因此当您修改每个对象时，State 数组中的引用不会更改，因此视图不会刷新。

模型的可能解决方案是将列表行分离到独立视图中，该视图将观察相应的项目更改

使用 Xcode 11.4 / macOS 10.15.6 进行测试

struct ListRowView: View {
    @ObservedObject var item: Item

    var body: some View {
        Text(item.name)
    }
}

所以主列表变成

List(items, id: \.self, selection: $selectedItem) { item in
    ListRowView(item: item)
}