SwiftUI—如何实现对视图显示和消失事件的监听

简介: SwiftUI—如何实现对视图显示和消失事件的监听

我们经常在列表显示之后,从网络下载新的数据。或者在用户登录表单消失之后,刷新当前页面的用户状态。这就需要实现对视图显示和消失事件的监听。


示例代码:


struct DetailView: View { //首先定义一个遵循View协议的结构体,作为需要进行显示或隐藏的视图
    var body: some View { //实现协议里规定必须实现的body属性,所有子视图都需要放置在body属性里
        Text("Detail")
        .onAppear { //通过onApear方法,对文本视图的显示事件进行监听
            print("DetailView appeared!") //当文本视图显示之后,在控制台输出一条日志
        }.onDisappear { //接着通过onDisappear方法,对文本视图的消失事件进行监听
            print("DetailView disappeared!") //当文本视图消失之后,在控制台输出一条日志
        }
    }
}
struct ContentView : View {
    @State private var isPresented = false //标识是否弹出模态窗口
    var body: some View
    {
        Text("Show Detail > ").sheet(isPresented: $isPresented, content: { //修改此处的文本视图,当点击文本视图时,弹出一个模态窗口,并设置模态窗口的内容为刚刚定义的视图
            DetailView()
        }).onTapGesture { //为文本视图添加一个触摸手势,当点击文本视图检测到手势事件时,弹出一个指定的模态窗口
            self.isPresented = true
        }.onDisappear {
            print("ContentView disappeared!")
        }.onAppear {
            print("ContentView appeared!")
        }
    }
}


2466108-b278a59276099098.webp.jpg


目录
打赏
0
0
0
0
5
分享
相关文章
小程序如何监听页面的滚动事件
小程序如何监听页面的滚动事件
319 0
更好的 RecyclerView 表项子控件点击监听器
上篇介绍了一种新的监听 RecyclerView 表项点击事件的方法。实现了将点击事件和RecyclerView.Adapter解耦。这一篇介绍如何监听 RecyclerView 表项子控件点击事件。
606 0
WPF Label控件在数据绑定Content属性变化触发TargetUpdated事件简单实现类似TextChanged 事件效果
原文:WPF Label控件在数据绑定Content属性变化触发TargetUpdated事件简单实现类似TextChanged 事件效果   本以为Label也有TextChanged 事件,但在使用的时候却没找到,网友说Label的Content属性改变肯定是使用赋值操作,赋值的时候就可以对其进行相应的操作所以不需TextChanged 事件。
2106 0
QML学习笔记(一)-防止鼠标穿透事件
1.防止鼠标穿透 MouseArea{ anchors.fill: parent; onClicked: {}; onReleased: {}; onPressed: {}; } 2.允许穿透,控件增加enable属性
2251 0
用MVVM模式开发中遇到的零散问题总结(5)——将动态加载的可视元素保存为图片的控件,Binding刷新的时机
原文:用MVVM模式开发中遇到的零散问题总结(5)——将动态加载的可视元素保存为图片的控件,Binding刷新的时机       在项目开发中经常会遇到这样一种情况,就是需要将用户填写的信息排版到一张表单中,供打印或存档。
845 0
背水一战 Windows 10 (69) - 控件(控件基类): UIElement - Manipulate 手势处理, 路由事件的注册, 路由事件的冒泡, 命中测试的可见性
原文:背水一战 Windows 10 (69) - 控件(控件基类): UIElement - Manipulate 手势处理, 路由事件的注册, 路由事件的冒泡, 命中测试的可见性 [源码下载] 背水一战 Windows 10 (69) - 控件(控件基类): UIElement - Manip...
1150 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等