SwiftUI—如何快速打开一个模态窗口

简介: SwiftUI—如何快速打开一个模态窗口

modal窗口应用非常广泛,例如临时打开登录窗口、社会化分享窗口等。本节课演示如何快速制作模态窗口。


示例代码:


struct ContentView : View {
    @State var isPresented = false //表示是否打开modal窗口
    var modalView: some View { //模态窗口在本质上是一个视图,所以这里定义了一个遵循View协议的结构体,作为需要打开的模态窗口
        Text("The Modal View")
            .font(.system(size: 48))
            .bold()
    }
    var body: some View {
        Button("Show Modal View") {
            self.isPresented = true
        }.sheet(isPresented: $isPresented, content: {
            self.modalView //将创建的自定义视图作为模态窗口的内容
        })
    }
}


微信图片_20220523171837.png


目录
相关文章
|
1月前
|
JavaScript
dialog打开时重新渲染
dialog打开时重新渲染
18 0
|
9月前
|
JavaScript 前端开发
使用JavaScript,点击按钮一个打开新的窗体
使用JavaScript,点击按钮一个打开新的窗体
SwiftUI极简教程28:TextEditor多行文本框的使用
SwiftUI极简教程28:TextEditor多行文本框的使用
1072 0
SwiftUI极简教程28:TextEditor多行文本框的使用
|
存储
SwiftUI极简教程40:构建SearchBar搜索栏和TabView底部导航
在本章中,你将学会构建Search搜索进行列表搜索和TabView底部导航。 在上一章节中,我们完成了一个简单的ColourAtla色卡App,接下来我们继续完善App的相关内容。
654 0
SwiftUI极简教程40:构建SearchBar搜索栏和TabView底部导航
SwiftUI极简教程23:创建一个简单的SearchBar搜索栏
SwiftUI极简教程23:创建一个简单的SearchBar搜索栏
564 0
SwiftUI极简教程23:创建一个简单的SearchBar搜索栏
SwiftUI—通过Button打开一个模态窗口
SwiftUI—通过Button打开一个模态窗口
288 0
SwiftUI—通过Button打开一个模态窗口
SwiftUI—如何给视图添加双击手势
SwiftUI—如何给视图添加双击手势
309 0
SwiftUI—如何给视图添加双击手势
SwiftUI—如何快速打开一个动作表单
SwiftUI—如何快速打开一个动作表单
122 0
SwiftUI—如何快速打开一个动作表单
SwiftUI—如何在预览窗口使用不同的模拟器预览用户界面
SwiftUI—如何在预览窗口使用不同的模拟器预览用户界面
305 0
SwiftUI—如何在预览窗口使用不同的模拟器预览用户界面
SwiftUI—Button按钮控件的使用
SwiftUI—Button按钮控件的使用
484 0
SwiftUI—Button按钮控件的使用