SwiftUI中ZStack内HStack无法居中及Padding异常问题求助

问题现象 #

HStack在ZStack中无法居中，添加.padding()后，左侧无明显边距、右侧出现边距，整体向左偏移。

问题根源 #

你给HStack设置了固定宽度geometry.size.width，而ZStack的.padding()会给自身添加内边距，导致HStack的宽度（等于屏幕总宽度）超出ZStack的可用空间（屏幕宽度减去左右padding），最终HStack向左溢出，呈现出左侧无padding的视觉效果。

修复代码 #

将HStack的固定宽度设置改为自适应填充：

ZStack (alignment: .center){
    HStack (alignment: .center) {
        // 此处添加你的HStack内容
    }
    .frame(maxWidth: .infinity, height: geometry.size.height/12)
    .background(Color("primarycolor").shadow(radius: 2))
}.padding()

原理说明 #

使用maxWidth: .infinity让HStack自动填充ZStack的可用空间（包含padding后的范围），同时HStack的内容会默认保持居中对齐，这样就能让整个HStack在ZStack内居中，且左右padding正常生效。

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