SwiftUI 中 VStack(alignment: .leading) 的含义

在 SwiftUI 中，VStack 是一个用于垂直排列视图的容器。alignment: .leading 参数指定了 VStack 中所有子视图的对齐方式。

.leading 的含义

• 对齐方式：.leading 表示视图将根据其内容的起始边缘进行对齐。在左到右的语言（如英语）中，.leading 通常对应于左侧对齐；而在右到左的语言（如阿拉伯语）中，.leading 则对应于右侧对齐。
• 视觉效果：使用 .leading 对齐时，VStack 中的所有子视图将会在其容器的左侧（或起始边缘）对齐。这意味着所有的子视图将紧贴容器的左边缘排列。

示例代码

以下是一个简单的示例，展示了如何使用 VStack 和 .leading 对齐：

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack(alignment: .leading) {
            Text("Hello, World!")
            Text("Welcome to SwiftUI.")
            Text("This is a VStack example.")
        }
        .padding()
    }
}

在这个例子中，VStack 中的所有文本视图都将左对齐，紧贴容器的左边缘。