如何防止Spacer使VStack贪婪地增长到不必要的程度？

我大致有：

var body: some View
{
    HStack(alignment: .top) {

        AvatarView()

        MessageBubble()

        if message.isDeleted != true
        {
            VStack {
                Button(action: {
                    // ...
                }) {
                    Image(systemName: "chevron.down")
                }
                Spacer() // THIS SPACER
                Button(action: {
                    // ...
                }) {
                    Text("????")
                }
            }
        }
    }
}

根HStack~'s height is dictated by the size消息气泡which is always taller than its头像视图andVStack`兄弟姐妹。

问题是当我添加一个Spacer在 - 的里面VStack，那么整个HStack令人难以置信的增长。这Spacer就是“贪婪”地让万物无限生长。 我确实希望在顶部有一个按钮，在底部有另一个按钮VStack同时被限制于MessageBubble的身高。

我怎样才能让它增长不超过MessageBubble?

如果我理解正确的话你期望这样的东西（元素对齐）

这是演示代码（彩色矩形的框架在这​​里并不重要，尺寸仅用于演示，您将在那里放置视图）：

struct TestAlignmentSize: View {
    @State var height: CGFloat = 40
    var body: some View {
        HStack(alignment: .top, spacing: 20) {
            Rectangle()
                .fill(Color.blue)
                .frame(width: 50, height: 50)
            Rectangle()
                .fill(Color.red)
                .frame(width: 100, height: 200)
                .alignmentGuide(.top, computeValue: { d in // [!!] 
                    self.height = d.height
                    return d[.top]
                })
            VStack {
                Button(action: {}) {
                    Image(systemName: "chevron.down")
                }
                Spacer()
                Button(action: {}) {
                    Text("Button")
                }
            }.frame(height: self.height) // [!!]
        }
    }
}