SwiftUI | VStack 无法在 ForEach 循环内部工作

Die*_*lez 3 foreach xcode swift swiftui

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

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

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

Asp*_*eri 6

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

演示

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