swiftui - SwiftUI：如何制作这个提升视图

Question

我只是对这个动画很好奇，当我点击一个按钮时，原始页面会下降一点，新页面会在左上角出现一个十字按钮。似乎这是一种很常见的行为，有谁知道这个动画有官方的api吗？

标签： swiftui

Answer 1

这只是展示了两张纸，一张在另一张上面。

示例代码：

struct ContentView: View {
    @State private var isPresented = false

    var body: some View {
        VStack {
            Text("Content")

            Button("Present sheet") {
                isPresented = true
            }
            .sheet(isPresented: $isPresented) {
                MainSheet()
            }
        }
    }
}

struct MainSheet: View {
    @State private var isPresented = false

    var body: some View {
        VStack {
            Text("Sheet content")

            Button("Present another sheet") {
                isPresented = true
            }
            .sheet(isPresented: $isPresented) {
                Text("Final content")
            }
        }
    }
}

结果：