*SwiftUI Beta 7* 如何使 ForEach 循环中的项目处于活动状态

Question

我有一个类型的数据模型：

struct fruit: Identifiable{
    var id = UUID()
    var a: String
    var b: String
    var isActive: Bool
}

还有一个数组：

let fruitData=[
    Model(a:"appleImg", b:"Apple", isActive: true),
    Model(a:"pearImg", b:"Pear", isActive: false),
    Model(a:"bananaImg", b:"Banana", isActive: false),
]

有一个如下所示的 RowView：

struct RowView{
    var a = "appleImg"
    var b = "Apple"
    var isActive = true

    var body: some View{    
      HStack(spacing:8){
         Image(a)
         Text(b)
         Spacer()
      }
   }
}

然后，我创建了一个视图以在其中使用 ModelArray 并将其循环到主视图的 ForEach 中。所以像：

let fruits = fruitData
ForEach(fruits){fruitPiece in
    RowView(a:fruitPiece.a, b:fruitPiece.b, isActive: 
    fruitPiece.isActive)
}

我想根据用户点击所选行来更改isActive - 诀窍是它应该是一个选择，因此一次只有一个活动状态。对 SwiftUI 来说还是新手，因此非常感谢您的帮助:)

Answer 1

下面的代码可以满足您的要求。但是首先对您的代码进行一些 cmets：

1. 按照惯例，变量名不应以大写字母开头（例如在您的let ModelArray 中）。它使阅读变得更加困难。如果不是对你，对别人。共享代码时（例如在 stackoverflow 中），请尽量遵循适当的约定。

2. 您正在调用 ForEach(models)，但您尚未定义模型数组（尽管您确实创建了 ModelArray）。

3. 在您的 ForEach 中，您正在调用 Model(...)。在 ForEach 中，您需要一个视图来显示您的数据。但是在您的代码中，模型是一种数据类型。没有意义。

这是我认为的代码，可以满足您的要求。当您点击视图时，它的 isActive 标志会切换。为了显示它有效，文本颜色会相应改变。

struct Model: Identifiable {
    var id = UUID()
    var a: String
    var b: String
    var c: String
    var isActive: Bool
}

struct ContentView: View {
    @State private var modelArray = [
        Model(a:"hi", b:"I like", c: "potatoes", isActive: true),
        Model(a:"hi", b:"I like", c: "potatoes", isActive: false),
        Model(a:"hi", b:"I like", c: "potatoes", isActive: false),
    ]

    var body: some View {
        ForEach(modelArray.indices, id: \.self){ idx in

            Text("\(self.modelArray[idx].a) \(self.modelArray[idx].b) \(self.modelArray[idx].c)")
                .foregroundColor(self.modelArray[idx].isActive ? .red : .green)
                .onTapGesture {
                    self.modelArray[idx].isActive = true

                    for i in self.modelArray.indices {
                        if i != idx { self.modelArray[i].isActive = false }
                    }
                }
        }
    }
}