LazyVGrid内部图像的均匀大小

Question

我正在使用一个带有LazyVGrid的SwiftUI到显示8张图片。

从照片中你可以看到，图像的尺寸不均匀，有些是精确的，另一些则比下一张照片的高度低。

​

​

我不明白为什么会这样..。你有什么办法解决这个问题吗？

我就是这样创建LazyVGrid的

LazyVGrid(columns: [GridItem(.adaptive(minimum: 160), spacing: 10)], spacing: 20) {
                
       ForEach(productsItems) { product in
           VStack {
              Image(product.image)
              .resizable()
              .scaledToFill()
              .cornerRadius(5)
              .padding(5)
              .background(
                   RoundedRectangle(cornerRadius: 5)
                   .stroke(.gray, lineWidth: 0.5)
              )
        }
     }
 }

Answer 1

看起来这些图像有不同的高宽比，所以如果它们缩放到相同的宽度，那么高度就不一样了。如果希望将所有图像裁剪成相同的高宽比，则可以采用以下方法：Clip image to square in SwiftUI