在SwiftUI中创建视图列表的数据流问题

如何解决在SwiftUI中创建视图列表的数据流问题

因此，我正在创建一个购物清单，我希望当用户在第一个文本字段中输入文字时，该清单会自动增加。此时，我有点卡住了，无法使代码正常工作。

翻译：Vare（挪威语）=项（英语）

首先，我创建了一个用于存储信息的类：

struct VareInfo: Identifiable {
    let id: UUID
    var name: String
    var checked: Bool
}

final class VareStore: ObservableObject {
    @Published var varer: [VareInfo] = [.init(id: .init(),name: "",checked: false)]
}

然后，我创建了一个结构，该结构使用用户输入的TextField和用于标记该项的复选框创建每个View行。

struct VareEditing: View {
    @Binding var vare: VareInfo
    var body: some View {
            HStack {
                Button(action: {
                    self.vare.checked.toggle()
                }) {
                    Image(vare.checked ? "CheckBox":"UnCheckBox")
                    .resizable()
                    .frame(width: 20,height: 20)
                    .padding(.leading)
                }
                TextField("neste vare...",text: $vare.name)
                   .frame(maxWidth: .infinity)
                    .opacity(vare.checked ? 0.3:1) // here
        }
    }
}

目前，我不确定如何为每一行创建列表视图。帮助吗？