VStack

19 阅读1分钟

VStack 用于将子视图排列在垂直线上的视图。

VStack {
    Text("made in China.")
    Divider() // Just add a line.
    Text("the People's Republic Of China.")
}

以下是一些常见的 VStack 属性:

  1. Alignment: 控制子视图在 VStack 中的对齐方式。可以设置为 .leading(左对齐)、.center(居中对齐)或 .trailing(右对齐)。

2.Spacing: 设置子视图之间的间距。默认为系统提供的标准间距。

3.Padding: 为 VStack 及其子视图添加内边距。

4.Frame: 设置 VStack 的尺寸和对齐方式。

5.Background: 设置 VStack 的背景。

6.Custom Modifiers: 可以使用其他自定义修饰符来进一步调整 VStack 的布局和外观

运行效果

image.png