SwiftUI 如何使用 ZStack 在彼此之上叠加视图？

6 min read

SwiftUI 中，可以使用 ZStack 来在彼此之上叠加视图。在 ZStack 中，后添加的视图会自动放置在前面视图的上方。

可以通过以下方式创建 ZStack：

ZStack {
    // 在此添加视图
}

例如，在 ZStack 中添加两个视图：

ZStack {
    Rectangle().foregroundColor(.green).frame(width: 200, height: 200)
    Circle().foregroundColor(.yellow).frame(width: 100, height: 100)
}

这会在一个矩形上叠加一个圆形，如下图所示：

zstack-example