SwiftUI中Stack、Spacer与Divider的使用

        在SwiftUI中，Stack、Spacer和Divider是用于布局和界面设计的重要组件。
        Stack是一种容器视图，可以将多个子视图垂直或水平地堆叠在一起。通过指定Stack的主轴方向（Axis），你可以控制子视图的排列方式。例如，HStack表示水平方向的Stack，而VStack表示垂直方向的Stack。在Stack中，你可以添加多个子视图，并且这些子视图会按照Stack的布局规则进行排列。
        Spacer是Stack中的一个特殊视图，它用于在Stack的主轴方向上占用额外的空间。在HStack中，Spacer会水平扩展，而在VStack中，Spacer会垂直扩展。通过添加Spacer，你可以控制子视图在Stack中的对齐方式和间距。例如，在HStack中，如果你在右侧添加了一个Spacer，那么左侧的子视图将会左对齐；如果你在左侧添加了一个Spacer，那么右侧的子视图将会右对齐。
        Divider是一条分隔线，通常用于在Stack中的子视图之间添加可视的分隔。Divider不会占用额外的空间，而只是简单地绘制一条分隔线。你可以通过在Stack中添加Divider来分隔不同的子视图，以提高界面的可读性和组织性。
下面是一个简单的示例代码，展示了如何使用Stack、Spacer和Divider来构建界面：

垂直方向排列：VStack()

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Top").background(Color.red)
            Spacer()
            Text("Middle").background(Color.blue)
            Divider()
            Text("Bottom").background(Color.green)
        }
        .padding()
    }
}

在上面的代码中，我们创建了一个垂直方向的Stack（VStack），并在其中添加了三个Text视图和一个Divider。通过在Text视图之间添加Spacer和Divider，我们控制了子视图在Stack中的对齐方式和间距。在这个例子中，"Top"文本将位于Stack的顶部，"Middle"文本将位于"Top"文本的下方，并且与"Top"文本之间有一定的间距。"Bottom"文本将位于"Middle"文本的下方，并且与"Middle"文本之间有一条分隔线。

水平方向排列：HStack()

堆叠排列：ZStack()

VStack()、HStack()、ZStack()在括号里还可以添加对齐方式(alignment:)、间距(spacing:)等属性。

.padding() 是给组件添加一个内边距。