SwiftUI TextField 绑定到一个简单的模型（非 [=s10=] 结构）

Question

我有一个简单的结构，它是可解码/可编码和可散列的。

public struct Field: Codable, Hashable {
    let key: String
    enum CodingKeys: String, CodingKey {
        case key
    }
}

在我的 SwiftUI 中，我正在创建一个数组，我想在其中添加和删除以及绑定到 Struct 值。但是我收到错误，Struct 没有绑定。

let decodableJSON = """
{
    "key": ""
}
"""
let settableInit: Field = try! JSONDecoder().decode(Field.self, from: decodableJSON.data(using: .utf8)!)

struct Test_view: View {
    
    @State
    var settableFields: [Field] = [settableInit]
    
    var body: some View {
        ForEach(settableFields, id: \.key) { (settableField: Field) in 
             TextField("Key", text: settableField.key)
        }

但是我得到一个错误，settableField 不是绑定。我已经尝试将 settableInit 作为 @ObservableObject 添加到主 Swift 视图中，但它仍然不起作用。

有没有办法让 View 绑定到 Struct 属性，并 TextField 更改这些属性？感觉像是一件微不足道的事情，但出于某种原因对我来说是不可挽回的。

谢谢指点！

Answer 1

在Xcode13中您可以使用新的元素绑定语法：

public struct Field: Codable, Hashable {
    var key: String
    enum CodingKeys: String, CodingKey {
        case key
    }
}

struct Demo: View {
    
    @State var settableFields: [Field] = [Field(key: "1"), Field(key: "2")]
    
    var body: some View {
        ForEach($settableFields, id: \.key) { $settableField in
            TextField("Key", text: $settableField.key)
        }
    }
}

在Xcode的早期版本中，您可以使用数组的索引：

struct Demo: View {
    
    @State var settableFields: [Field] = [Field(key: "1"), Field(key: "2")]
    
    var body: some View {
        ForEach(settableFields.indices, id: \.self) { index in
            TextField("Key", text: $settableFields[index].key)
        }
    }
}

SwiftUI TextField 绑定到一个简单的模型（非 [=s10=] 结构）

SwiftUI TextField Binding to a simple Model (non-class sturct)

binding

swift

swiftui