如何使用 VStack 和 HStack 创建堆栈?

3 min read

VStack 和 HStack 是 SwiftUI 中用于创建堆栈视图的布局容器。VStack 用于垂直方向排列视图,而 HStack 用于水平方向排列视图。以下是如何使用它们的示例:

  1. 创建 VStack:
VStack {
  Text("这是第一行")
  Text("这是第二行")
  Text("这是第三行")
}
  1. 创建 HStack:
HStack {
  Text("左边的文本")
  Spacer()
  Text("右边的文本")
}

在这个例子中,使用 Spacer() 来在左右两边的文本之间留出一些空白间隔。

需要注意的是,VStack 和 HStack 也可以嵌套使用以创建更复杂的布局。如果您想水平和垂直方向同时排列视图,则可以使用 ZStack。