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

Question

我正在试用 SwiftUI 3（或者 Swift 5.5）中的新功能，您可以在其中直接绑定到列表中的项目。应该很简单，但是我抓不住。

Xcode 测试版 4。

我可以单击列表中的项目，从而激活 TextField。但是，输入一个字符后，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

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

当我尝试使用符合 Identifiable 的结构时，它工作正常，因为 SwiftUI 可以使用 id 属性.[=15= 跟踪更改的对象]

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 或任何测试版无关，但更像是一种预期行为

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

How do I use the new binding in List with Swift 5.5?

swift

swiftui

swiftui-list