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

因此，我正在创建一个购物列表，我希望当用户在第一个文本字段中键入文本时，列表会自动增加。在这一点上，我有点卡住了，无法让代码正常工作

翻译：瓦雷（挪威）=项目（英语）

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

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

然后我创建了一个结构，它创建了每个视图行，其中包含一个文本字段供用户输入，以及一个用于标记项目的复选框

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

此时，我不确定如何为每一行创建列表视图。帮助