Căn chỉnh và khoảng cách

VStack căn giữa các khung nhìn và tạo một khoảng cách nhỏ mặc định giữa chúng. Bạn có thể thay đổi cả hai khi tạo ngăn xếp:

VStack(alignment: .leading, spacing: 12) {
    Text("Order #42")
        .font(.headline)
    Text("2 coffees")
    Text("Ready at 10:30")
}

alignment: .leading căn các khung nhìn thẳng hàng theo mép trái (.trailing là mép phải). spacing: 12 tạo khoảng cách 12 điểm giữa mỗi cặp khung nhìn.

Thay vào đó, HStack căn chỉnh theo chiều dọc: .top, .center hoặc .bottom:

HStack(alignment: .top, spacing: 20) {
    Text("Left")
    Text("Right")
}