如何在 HStack 中始终位于中心的 Spacer 之间进行视图？

我想实现什么。无论两侧的文本宽度如何，按钮都应始终位于文本的中心HStack.

HStack {
    Text("Foooooooo")
    Spacer(minLength: 5)
    Button(action: { }) {
        Text("Bar")
    }
    Spacer()
    Text("Baz")
}
.font(.system(size: 16, weight: .heavy, design: .rounded))
.padding()

我也尝试使用GeometryReader并为每个设置帧大小Text and Button但认为存在两个问题，

1. 返回的视图GeometryReader将占据父级提供给它的整个视图，而不是实际的内在内容大小，该空间仅够Text, Spacer and Button
2. 第一个里面的字符串Text无法左对齐，所以最后一个内的字符串也是如此Text无法右对齐

这是适合您的情况的可能方法。使用 Xcode 12 / iOS 14 准备并测试演示

    HStack {
        Spacer()
            .overlay(Text("Foooooooo"), alignment: .leading)

        Button(action: { }) {
            Text("Bar")
        }

        Spacer()
            .overlay(Text("Baz"), alignment: .trailing)
    }
    .font(.system(size: 16, weight: .heavy, design: .rounded))
    .padding()