如何在不抬高HStack高度的前提下为其添加Circle形状？

我有如下HStack布局，希望在leading侧添加一个简单的Circle形状，但不改变该栈的高度：

HStack {
    Circle()
        .foregroundStyle(.placeholder)

    VStack(alignment: .leading) {
        Text("model.title")
            .font(.headline)
        Text("model.subtitle")
            .font(.subheadline)
    }
    .frame(maxWidth: .infinity, alignment: .leading)
}

但无论是否使用containerRelativeFrame，Circle似乎都会抬高HStack的高度。HStack的高度应与内部VStack一致。除了使用GeometryReader和PreferenceKey外，是否有更直接的解决方法？

可以通过以下几种简洁方法实现需求：

方法一：让Circle自适应HStack高度并保持圆形 #

给Circle添加maxHeight: .infinity使其填充HStack的可用高度，再配合aspectRatio(1, contentMode: .fit)确保它始终保持圆形。此时HStack的高度会由VStack的固有高度主导：

HStack {
    Circle()
        .foregroundStyle(.placeholder)
        .aspectRatio(1, contentMode: .fit)
        .frame(maxHeight: .infinity)

    VStack(alignment: .leading) {
        Text("model.title")
            .font(.headline)
        Text("model.subtitle")
            .font(.subheadline)
    }
    .frame(maxWidth: .infinity, alignment: .leading)
}

方法二：用容器约束Circle高度 #

将Circle嵌入一个高度自适应HStack的容器中，同时保持圆形比例：

HStack(spacing: 8) {
    Circle()
        .foregroundStyle(.placeholder)
        .frame(maxHeight: .infinity)
        .aspectRatio(1, contentMode: .fit)

    VStack(alignment: .leading) {
        Text("model.title")
            .font(.headline)
        Text("model.subtitle")
            .font(.subheadline)
    }
    .frame(maxWidth: .infinity, alignment: .leading)
}

其中方法一是最直接的，仅需两个修饰符即可实现需求，无需复杂的布局计算。

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