如何在 Swift 5.5 中使用 List 中的新绑定？

Question

我正在尝试 SwiftUI 3（或者更确切地说是 Swift 5.5）中的新功能，您可以在其中直接绑定到列表中的项目。应该很简单，但我无法理解。

Xcode 测试版 4。

我可以单击列表中的某个项目，从而激活文本字段。但是，输入一个字符后，TextField 就会失去焦点。

简单的例子，我尝试在 MAC 和 iOS 上运行它，结果相同。

struct ContentView: View {
    
    @State private var items = ["Item A", "Item B", "Item C"]
   
    var body: some View {
        List ($items, id: \.self) { $item in
            TextField("EditItem", text: $item)
        }
    }
}

Answer 1

ForEach您可以通过直接使用来识别 中的元素\.self，因此当您编辑字符串时，它会因更改而获得新的标识，然后 SwiftUI 将其视为对象的删除并插入新对象，而不是现有对象的更新。

当我使用符合它的结构尝试此操作时，Identifiable效果很好，因为 SwiftUI 可以使用该属性跟踪更改的对象id。

struct Item: Identifiable {
    let id = UUID()
    var name: String
}

struct ContentView: View {
    @State private var items = [Item(name: "Item A"), Item(name:"Item B"), Item(name: "Item C")]

    var body: some View {
        VStack {
            List($items, id: \.id) { $item in
                TextField("EditItem", text: $item.name)
            }
            Text(items.map(\.name).joined(separator: " : "))
        }
    }
}

请注意，这很可能与 SwiftUI 3.0 或任何测试版无关，但更多的是预期行为