时间戳

首页 > 解决方案 > SwiftUI TextField 绑定到一个简单的模型（非类结构）

swift - SwiftUI TextField 绑定到一个简单的模型（非类结构）

问题描述

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

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 作为一个 @ObservableObject 添加到主 Swift 视图中，但它仍然不起作用。

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

感谢您的任何指点！

标签： swiftswiftuibinding

解决方案

在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)
        }
    }
}

推荐阅读