SwiftUI用图像包装HStack

Question

我正在尝试制作一个包含x个图像的HStack，并以包装HStack的方式显示它们(也就是说，如果7幅图像中只有4幅适合在行上，则将剩下的3幅图像溢出到下一行)。

我正在尝试使用库WrappingHStack (https://github.com/dkk/WrappingHStack)，但结果并不像预期的那样，图像没有包装。

这是我的代码：

    @State var numEarths : Int = 7;
    var body: some View {
        VStack{
        
            Text("If everyone were to live like you, we would need \(numEarths) Earths").font(.title)
            WrappingHStack{
                ForEach(0 ..< numEarths){_ in
                Image("logo")
                
                }
             }
         }
    }

这是模拟器上的结果(见，没有包装)，...we应该看到7个地球徽标图像，但你只能看到4个(和一点数字5)。图像截图

有人能帮我解决这个问题吗？我是SwiftUI开发的新手，所以如果这是一个愚蠢的错误，请轻率地问我。谢谢。

Answer 1

根据WrappingHStack库，如果您想实现上述目标，您需要做两件事：

• 给Image一个frame，这样WrappingHStack就可以知道每行要放多少个元素。
• 将ForEach循环更改为WrappingHStack，因为WrappingHStack可用作对项进行循环的ForEach。

WrappingHStack(0..<numEarths, id:\.self) { _ in
    Image("logo")
        .resizable()
        .frame(width: 100, height: 100)
}

​

​