Stack Layout

Stack 视图是 SwiftUI 中最原始的布局容器。使用堆栈将视图集合分组为水平布局或垂直布局，或将它们堆叠在一起。

HStack 将视图以水平方式布局，VStack 将视图以垂直方式布局，ZStack 将视图以堆叠方式布局。

HStack

HStack 可已将子视图水平排列展示。

创建方法：

1init(
2    alignment: VerticalAlignment = .center, // 垂直方向的对其方式
3    spacing: CGFloat? = nil, // 子视图之间的间距
4    @ViewBuilder content: () -> Content // 视图构建器
5)

使用示例：

1var body: some View {
2    HStack(alignment: .top, spacing: 10) {
3        SomeView()
4        SomeView()
5        SomeView()
6    }
7}

Note

当 HStack 中有大量的子视图，进行加载时，可能会导致性能问题。可以使用 LazyHStack 来替代 HStack，它会按需加载子视图，从而提高性能。

VStack

VStack 可已将子视图垂直排列展示。