SwiftUI丨1分钟学会Modal模态框

日学一语，日行一善

Modal模态框在ios开发中的使用非常频繁，所以我们必须要掌握，今天我们就来看下TA的常规用法!

一、代码展示

import SwiftUI
struct ModalView: View {
    @State var isModalView = false
    var body: some View {
        VStack{
            Text("点击跳出ModalView窗口")
                .onTapGesture {
                    self.isModalView.toggle()
            }
            .sheet(isPresented: $isModalView) {
                Text("新窗口")
            }
        }
    }
}
struct ModalView_Previews: PreviewProvider {
    static var previews: some View {
        ModalView()
    }
}

二、代码解析

但凡用到Modal窗口，第一时间就要想到两个问题，一个是需要一个Bool变量，用来判断Modal窗口的状态（但前是打开的还是关闭的），二是需要一个开关来控制Bool变量的值，开关的可以用button的action或onTapGesture点击命令来控制，本篇用的就是onTapGesture命令；

self.isModalView.toggle() // 当点击Text时，isModalView开关切换
.sheet(isPresented: $isModalView) {
                Text("新窗口") //这里可以是任何view
            } //固定用法，记住就行

三、举一反三

尝试把把示例中的 Text 换成复杂点的 View 试试看这个功能可以做出什么效果？

你答应过我，我用心写，你用心看；既会 点赞，还会 收藏，偶尔还会 分享 和 打赏！

本篇完，感谢阅读！