SwiftUI中如何让Image填充父级HStack高度且不影响其高度

在Android Compose中已有类似问题的解决方案，现需在SwiftUI中实现相同效果：

现有代码如下，要求HStack高度随子视图（以左侧VStack为主）自适应，当VStack高度大于右侧Image时，让Image填充整个HStack的高度，同时不改变HStack的整体高度。

原代码：

HStack {
    VStack {
        ContentWithUnknownHeight()
        NextContentWithUnknownHeight()
    }
    .frame(width: geometry.size.width * 0.8)
    Image("User")
        .resizable()
        .frame(width: geometry.size.width * 0.2)
}
.frame(minHeight: 100)

当前效果：

期望效果：

解决方案 #

只需给Image添加maxHeight: .infinity配置，即可让Image自动填充HStack的可用高度，同时HStack的高度仍由左侧VStack决定。

修改后的代码：

HStack {
    VStack {
        ContentWithUnknownHeight()
        NextContentWithUnknownHeight()
    }
    .frame(width: geometry.size.width * 0.8)
    Image("User")
        .resizable()
        .frame(width: geometry.size.width * 0.2, maxHeight: .infinity)
}
.frame(minHeight: 100)

可选优化（保持图片比例） #

如果需要图片保持原始比例，可结合以下修饰符调整：

• 填充整个区域（可能裁剪边缘）：

Image("User")
    .resizable()
    .scaledToFill()
    .frame(width: geometry.size.width * 0.2, maxHeight: .infinity)
    .clipped()

• 完整显示图片（不裁剪，可能留空白）：

Image("User")
    .resizable()
    .scaledToFit()
    .frame(width: geometry.size.width * 0.2, maxHeight: .infinity)

内容的提问来源于stack exchange，提问作者6rchid