SwiftUI布局问题：如何让指定Text组件完美居中对齐？

你遇到的问题本质是：HStack 里的 Spacer 会根据左右文本的长度分配剩余空间，导致中间文本只是在「左右元素之间的区域」居中，而非整个父容器的真正中心。

完全没必要用 Grid，太繁琐了，给你两个简单直接的解决方案：

方法一：ZStack 叠加布局（最推荐） #

利用 ZStack 的层叠特性，让中间文本直接基于父容器居中，左右文本放在另一层不干扰它的位置：

ZStack(alignment: .center) {
    // 中间文本：完全对齐父容器中心，不受左右元素影响
    Text("Perfectly in the middle")
        .foregroundColor(.blue)
    
    // 左右文本层：各自贴边，不干扰中间位置
    HStack {
        Text("Left")
        Spacer()
        Text("Right but long")
    }
}

如果担心左右文本遮挡中间内容，给中间文本加个 zIndex(1) 就能确保它显示在最上层。

方法二：自定义对齐指南（精准控制） #

如果一定要用 HStack，可以通过 alignmentGuide 强制中间文本对齐父容器的中心：

HStack(alignment: .center) {
    Text("Left")
        .alignmentGuide(.center) { _ in 0 }
    
    Text("Perfectly in the middle")
        .alignmentGuide(.center) { $0[HorizontalAlignment.center] }
    
    Text("Right but long")
        .alignmentGuide(.center) { _ in 0 }
}
.frame(maxWidth: .infinity)

这个方法通过重写对齐规则，让左右元素不对中间文本的居中位置产生影响，但操作比 ZStack 稍复杂，优先级不如第一种方法。

总结：Grid 只适合复杂网格场景，这里用它完全没必要，ZStack 是最简洁高效的解决方案。

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