SwiftUI中ZStack的alignment未按预期工作问题求助

绿色方块需要向左对齐，仅保留0.4的内边距，但未达到预期效果。尝试将外层ZStack替换为HStack或VStack，仍无法解决问题。右侧标签显示的是设置的内边距值。

相关代码：

ZStack(alignment: .leading) {
    ZStack {}
        .padding(.leading, x)
        .frame(width: width)
        .frame(maxHeight: .infinity)
        .background(Color.green)
}
.frame(maxWidth: .infinity)
.background(Color.gray.opacity(0.1))
.frame(height: 8)

问题根源是padding与frame的顺序错误：你先给内层视图加了左侧padding，再设置固定width，这会导致绿色方块的实际宽度变成width + x，且padding把方块向右偏移，无法实现左对齐的预期效果。

调整布局顺序并优化容器选择，两种可行方案：

方案1：使用HStack（更直观） #

HStack(alignment: .center, spacing: 0) {
    Color.green
        .frame(width: width)
}
.padding(.leading, x)
.frame(maxWidth: .infinity)
.background(Color.gray.opacity(0.1))
.frame(height: 8)

把padding加到外层容器上，保证绿色方块宽度为设置的width，同时整体左侧保留x的内边距。

方案2：保留ZStack调整顺序 #

ZStack(alignment: .leading) {
    Color.green
        .frame(width: width)
}
.padding(.leading, x)
.frame(maxWidth: .infinity)
.background(Color.gray.opacity(0.1))
.frame(height: 8)

同样将padding移到外层ZStack，让绿色方块先固定尺寸，再整体添加左侧间距。

核心逻辑：先确定视图的固定尺寸，再添加内边距，才能保证布局符合预期。

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