Как заполнить высоту изображения до его родительского HStack?

HStack автоматически принимает рост самого высокого ребенка.

Однако ваш вопрос, похоже, больше касается высоты ребенка внутри HStack, и в вашем примере кода изображение находится в этой позиции. Предполагая, что вы действительно хотите масштабировать изображение для заполнения (в отличие от масштабирования по размеру, как это реализовано в коде), то один из способов — показать изображение в виде наложения поверх HStack:

• Удалите модификатор .frame, который устанавливает фиксированную высоту для HStack.
• Замените Image внутри HStack на Spacer.
• Затем высоту HStack будет определять первый ребенок.
• Примените наложение с помощью alignment: .trailing.
• Наложение автоматически принимает рамку представления, к которому оно применяется, поэтому его высота также будет высотой первого дочернего элемента.
• Масштабируйте изображение до заполнения, а затем обрезайте его до границ кадра.

HStack {
    VStack {
        SomeMoreContentWithUnknownHeight()
    }
    .frame(width: geometry.size.width * 0.8)
    Spacer()
}
.overlay(alignment: .trailing) {
    Image("User")
        .resizable()
        .scaledToFill()
        .frame(width: geometry.size.width * 0.2)
        .clipped()
}

Если SomeMoreContentWithUnknownHeight — единственный контент, оставшийся в HStack, то вам даже не нужно использовать HStack, вместо этого вы можете применить наложение непосредственно к этому контенту. Просто используйте отступы, чтобы зарезервировать место для содержимого наложения:

SomeMoreContentWithUnknownHeight()
    .frame(maxWidth: .infinity)
    .padding(.trailing, geometry.size.width * 0.2)
    .overlay(alignment: .trailing) {
        Image("User")
            .resizable()
            .scaledToFill()
            .frame(width: geometry.size.width * 0.2)
            .clipped()
    }

Чтобы HStack не вырастал выше, чем нужно самому высокому ребенку, добавьте

.fixedSize(horizontal: false, vertical: true)

в HStack.

Затем, если другие представления являются представлениями, которые естественным образом расширяются (например, Divider, Rectangle, Image(...).resizable()), они будут расширяться, автоматически заполняя высоту. Для изображения вы можете захотеть, чтобы оно было scaledToFill, как в ответе Бензи Низа.

Для представлений, которые не расширяются естественным образом, например Text, вы можете заставить их делать это, поместив их как наложение на какое-либо представление, которое расширяется естественным образом, плюс maxHeight: .infinity.

Color.clear // Colors naturally expand
    .overlay {
        Text("Foo")
            .frame(maxHeight: .infinity)
            .background(.yellow) // this background will fill the whole height
    }

Некоторые виды, такие как Button, могут нуждаться в специальной обработке, чтобы расширить область касания, а не только рамку. См. также SwiftUI: увеличение области касания/перетаскивания для взаимодействия с пользователем

Button("Foo") { /* ... */ }
    .frame(maxHeight: .infinity)
    .background(.yellow)
    .contentShape(Rectangle())