快速用户界面 | VStack 不会在 ForEach 循环内部工作

Question

我正在使用 ForEach 循环来显示不同的条形图，条形图下方带有数字以显示图表。但是，我似乎无法在 HStack 内的 ForEach 循环内使用 VStack 来显示彼此相邻的多个条形图，所有条形图下方都有一个数字。

HStack{
    ForEach(0 ..< 7) {
        VStack {
            Capsule().frame(width: 30, height: 200)
            Text("\($0 + 1)")
        }                        
    }
}

我试过将 VStack 移到 ForEach 循环之外，但这会导致条形图显示在彼此下方。如何在将多个条彼此相邻排列的同时显示条下方的数字？

Answer 1

它适用于小修复 - 为 ForEach 添加了显式参数。使用 Xcode 12.1/iOS 14.1 测试

HStack {
    ForEach(0 ..< 7) { i in
        VStack {
            Capsule().frame(width: 30, height: 200)
            Text("\(i + 1)")
        }
    }
}