ios - 如何制作方形图像的 LazyVGrid？

Question

如何制作类似于照片库的方形图像？

我正在尝试以下操作:

let columns: [GridItem] = [
  GridItem(.flexible()),
  GridItem(.flexible())
]

LazyVGrid(
    columns: columns,
    alignment: .center
) {
    ForEach(self.selectedImages, id: \.self) { image in
        Image(uiImage: image)
            .resizable()
            .scaledToFit()
            .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity)
            .aspectRatio(1, contentMode: .fill)
            .background(Color.blue)
    }
}

但是，这会导致:

我想构建一个 2x2 正方形网格(类似于下面的这个 3x3 - 我希望图像很好地适合正方形)

Answer 1

试试这个。它提供正确的宽高比并正确地裁剪图像以填充正方形:

ForEach(self.selectedImages, id: \.self) { image in
    Color.blue
        .aspectRatio(1, contentMode: .fill)
        .overlay(
            Image(uiImage: image)
                .resizable()
                .scaledToFill()
        ).clipped()
}