11.容器视图

容器视图是 SwiftUI 中的一个重要组成部分，它们用于组合和管理其他视图，从而创建出复杂的用户界面。

常见的容器视图

SwiftUI 中有很多种容器视图，每种容器视图都有不同的用途和特点。下面是一些常见的容器视图：

VStack 和 HStack

VStack 和 HStack 都用于将多个视图按垂直或水平方向排列。VStack 将视图从上到下排列，而 HStack 将视图从左到右排列。这两种容器视图都支持对子视图的对齐方式、间距、填充等样式的设置。

ZStack

ZStack 用于将多个视图按照层叠顺序进行排列，前面的视图会被后面的视图覆盖。ZStack 中的视图可以在三维空间中进行变换和旋转，从而实现更加复杂的效果。

ScrollView

ScrollView 用于显示可以滚动的内容，例如列表、文本和图像等。ScrollView 可以嵌套在其他容器视图中，从而实现复杂的滚动效果。

List

List 用于显示大量的列表内容，例如联系人列表、电影列表等。List 支持多种不同的样式和选项，例如可编辑、可删减、可移动等。

Form

Form 用于显示表单内容，例如注册表单、设置表单等。Form 支持多种不同的样式和选项，例如分组、可编辑、可移动等。

如何使用容器视图

使用容器视图的方法非常简单，只需要按照以下步骤进行操作即可：

1. 创建需要显示的子视图，例如 Text、Image 等；
2. 使用容器视图将子视图进行组合，例如 VStack、HStack、ZStack 等；
3. 设置容器视图的样式和选项，例如对齐方式、间距、填充等。 下面是一个简单的例子，演示了如何使用 VStack 和 Text 创建一个简单的垂直文本布局：

VStack(alignment: .leading, spacing: 16) {
    Text("Hello, SwiftUI!")
        .font(.largeTitle)
    Text("Welcome to my blog.")
        .font(.title)
    Text("This is a demo of VStack and Text.")
        .font(.headline)
}
.padding()
}