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

问题描述

我正在尝试 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)
        }
    }
}

解决方法

您通过使用 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 或任何测试版无关,而更像是一种预期行为