我使用 SwiftUI。我需要一个自定义视图。自定义视图宽度应等于父视图宽度。自定义视图包含两个图像视图，分别左对齐和右对齐。每个图像视图具有相同的宽度和高度（纵横比 = 1）。两个图像视图有 10 个点的空间。我将在图像视图中显示不同尺寸的图像（比例填充）。
如果我使用GeometryReader，我可以动态设置图像视图框架，但是如何动态设置GeometryReader 框架？如果我使用HStack 而不使用GeometryReader，则图像视图帧是可变的。如何在 SwiftUI 中做到这一点？
【问题讨论】：
HStack 的背景中使用rectReader，类似于this 帖子中显示的方法。
也许是以下的一些变体：
struct CustomView: View {
var body: some View {
HStack(spacing: 10) {
Image(systemName: "heart.fill")
.resizable()
.aspectRatio(1, contentMode: .fit)
Image(systemName: "heart.fill")
.resizable()
.aspectRatio(1, contentMode: .fit)
}.frame(maxWidth: .infinity)
}
}
两个图像都保持 1:1 的纵横比，它们之间有 10 个点的间距，但可以使用 .frame 修饰符水平扩展。
根据需要将Image(systemName: "heart.fill") 替换为所需的图像源。
如果您的源图像资源没有 1:1 的纵横比，请将 contentMode 设置为 .fill，并使用 @987654328 限制 HStack 或 CustomView 在其父级内的帧高度@。
【讨论】：
contentMode 更改为.fill 并限制HStack 或CustomView 在其父级中的框架高度。
.aspectRatio(1, contentMode: .fill)，只保持视图纵横比，仍然缩放图像而不保持图像纵横比。而且我不知道superview的宽度，如何计算HStack的高度
.fit 或.fill。 .fit 缩放您的图像，保持其纵横比，使其全部适合视图。 .fill 将缩放图像，使视图的整个区域都被图像覆盖。
.aspectRatio(1, contentMode: .fit) 和 .aspectRatio(1, contentMode: .fill) 都在不保持 480 / 270 比例的情况下缩放图像。