布局Layout

SpacerSpacer

在布局中占据可用空白空间，常用于推开视图或构建弹性间距。Consumes available space to push views apart and create flexible gaps.

入门Beginner • 3 分钟3 min

更新于Updated Apr 22, 2026

弹性空间Flexible Space

Spacer 会占用父容器中剩余的可用空间，最常见的用法是在 HStack 中把左右两侧内容推开。Spacer consumes remaining space in its parent, commonly pushing content apart in an HStack.

工具栏 SpacerToolbar Spacer

swift

1HStack {
2    Text("Cancel")
3        .foregroundStyle(.secondary)
4
5    Spacer()
6
7    Button("Done") {}
8        .buttonStyle(.borderedProminent)
9}

Cancel

Done

布局直觉Layout Intuition

Spacer 不会画出可见内容，它的价值是改变其他视图的位置。想要固定距离时，优先考虑 spacing 或 padding。Spacer draws no visible content; its value is changing where other views sit. For fixed distance, prefer spacing or padding.