原文：https://iosdevcenters.blogspot.com/2019/09/swiftui-whats-different-between-vstack.html

Stack等效于UIKit中的UIStackView。堆棧用于將元素水平，垂直和深度排列。

VStack :
垂直排列元素，如果VStack中有兩個元素，則垂直排列。

VStack {
    RoundedRectangle(cornerRadius: 10)
        .fill(Color.yellow)
        .frame(width: 80, height: 80)

    RoundedRectangle(cornerRadius: 10)
        .fill(Color.red)
        .frame(width: 80, height: 80)
}

image.png

HStack :
將元素水平排列，如果HStack中有兩個元素，則將其水平排列。

HStack {
    RoundedRectangle(cornerRadius: 10)
        .fill(Color.yellow)
        .frame(width: 80, height: 80)

    RoundedRectangle(cornerRadius: 10)
        .fill(Color.red)
        .frame(width: 80, height: 80)
}

image.png

ZStack :
排列Z索引中的元素，如果ZStack中有兩個元素，則第一個元素在第二個元素下方。

ZStack {
    RoundedRectangle(cornerRadius: 10)
        .fill(Color.yellow)
        .frame(width: 200, height: 200)

    RoundedRectangle(cornerRadius: 10)
        .fill(Color.red)
        .frame(width: 80, height: 80)
}

image.png