单击时从循环中禁用按钮

Question

目前我有一个 foreach 循环引入一个项目列表，每个项目都有一个执行功能的按钮。单击时如何禁用单个按钮，仅针对单个用户而不使用用户帐户？提前非常感谢！

额外背景： 每个项目都有一个本质上是“添加”按钮，它将 +1 添加到数据库中的一个字段，每个用户应该只被允许按一次按钮，因此我需要在单击后禁用它。截至目前，他们可以根据需要多次点击它，数据库中的数字会不断增加。

代码

ForEach(items.indices, id: \.self) { i in
HStack {
   Text(items[i].name)
   Spacer()
   Button(action: {
      self.performFunction()
      }) {
          Text("Yes")
             .font(.system(size: 14))
             .foregroundColor(Color.white)
             .padding(.horizontal)
       }
   }
}

Answer 1

假设“Item”是一个结构或一个类，您总是可以添加一个布尔标志来指示该项目是否被选中。

所以，例如，这样的事情：

struct Item {
    var name: String
    var selected: Bool = false
}

struct ContentView: View {
    @State private var items: [Item] = [
        Item(name: "Bob"),
        Item(name: "Joe"),
        Item(name: "John Cena")
    ]
        
    var body: some View {
        ForEach(items.indices, id: \.self) { i in
            HStack {
                Text(items[i].name)
                Spacer()
                Button(action: {
                    items[i].selected.toggle()
                }) {
                    Text(items[i].selected ? "Yes" : "No")
                        .font(.system(size: 14))
                        .foregroundColor(.black)
                        .padding(.horizontal)
                }
            }
        }
    }
}

Answer 2

目前尚不清楚上下文...但可能的解决方案是创建与items 相同长度的数组并使用它来存储单击状态，例如

@State private var clicked: [Bool]  // initiate with array of false when `items` ready

...

   Button(action: {
      self.performFunction()
      self.clicked[i] = true      // << here !!
      }) {
          Text("Yes")
             .font(.system(size: 14))
             .foregroundColor(Color.white)
             .padding(.horizontal)
       }
       .disabled(self.clicked[I])        // // << here !!