首页 > 其他分享 >swiftui之覆盖、跳转页面

swiftui之覆盖、跳转页面

时间:2024-10-26 17:18:06浏览次数:7  
标签:Color edgesIgnoringSafeArea swiftui showHome 跳转 var View JumpView 页面

  • Color.black.edgesIgnoringSafeArea(.all): 创建一个黑色背景,并扩展至安全区域外。

import SwiftUI

struct JumpView: View {
    @State var showHome = false
    
    var body: some View {
        ZStack {
            Color.black.edgesIgnoringSafeArea(.all)
            Text("Hello")
                .foregroundColor(.white)
            if showHome {
                Color.white.edgesIgnoringSafeArea(.all)
                HomeView()
            }
        }
        .onAppear(perform: {
            DispatchQueue.main.asyncAfter(deadline: .now() + 5) {
                self.showHome.toggle()
            }
        })
    }
}

struct JumpView_Previews: PreviewProvider {
    static var previews: some View {
        JumpView()
    }
}

.onAppear(perform:{...}) 是 SwiftUI 中的一个修饰符,用于在视图出现时执行某个操作。它允许你在视图首次展示或重新出现在屏幕上时触发特定的代码块

标签:Color,edgesIgnoringSafeArea,swiftui,showHome,跳转,var,View,JumpView,页面
From: https://blog.csdn.net/qq_63007445/article/details/143256201

相关文章

  • SwiftUI 中.sheet的简单使用
    在SwiftUI中,使用.sheet显示视图时,可以通过状态变量来控制视图的显示和隐藏。onDismiss 在视图关闭时执行某些操作。structCatView:View{@StateprivatevarshowSheet=false//控制视图的显示状态@Stateprivatevarmessage=""//用于显示的信息......
  • 第七章利用CSS和多媒体美化页面
    7.1CSS链接的美化7.1.1.文字链接的美化基础概念a:link:用于定义未访问过的链接。a:visited:用于定义已经访问过的链接。a:hover:当鼠标悬停在链接上时的状态。a:active:当链接被点击但还未释放鼠标时的状态。颜色和字体样式我们可以通过设置color属性来改变链接的颜色,同时可......
  • Vue-Router实现路由跳转
    1、官方指导文件1、官方指导文件客户端路由的作用是在单页应用(SPA)中将浏览器的URL和用户看到的内容绑定起来。当用户在应用中浏览不同页面时,URL会随之更新,但页面不需要从服务器重新加载。2、如何定义一个新的路由1)引入相关的组件importHomeViewfrom'../views/H......
  • java短链接项目-短链接跳转原理包括短链接生成算法(含代码实现)
    文章目录一、图解原理二、短链接生成算法实现1.MurmurHash算法2.为什么使用原始链接和UUID生成短链接?3.为什么不只使用原始链接?4.如果一直冲突怎么办?5.完整代码实现:HashUtil.javaShortLinkController.java三、系统扩展思考题1.如何让短链接系统支持海量请求并发?2.布......
  • 【移动应用开发】界面设计(二)实现水果列表页面
    续上一篇博客【移动应用开发】界面设计(一)实现登录页面-CSDN博客目录一、采用ViewBinding实现一个RecyclerView1.1在app/build.gradle中添加recyclerview依赖,并打开viewBinding(1)在app/build.gradle中添加依赖(2)在app/build.gradle中打开viewBinding功能(3)点击同步Sync,同......
  • 力扣练习1264.页面推荐
    1264.页面推荐一、题目链接二、题目描述三、建表语句四、题目解答1、思路讲解2、代码实现五、知识总结一、题目链接1264.页面推荐(需要会员)二、题目描述朋友关系列表:Friendship±--------------±--------+|ColumnName|Type|±--------------±--------+......
  • 学习笔记(四):页面和自定义组件生命周期
    页面和组件的定义:自定义组件:@Component装饰的UI单元,可以组合多个系统组件实现UI的复用,可以调用组件的生命周期。页面:即应用的UI页面。可以由一个或者多个自定义组件组成,@Entry装饰的自定义组件为页面的入口组件,即页面的根节点,一个页面有且仅能有一个@Entry。只有被@Entry装饰的......
  • 构建更加丰富的页面 习题答案<HarmonyOS第一课>
    一、判断题1. Tabs组件可以通过接口传入一个TabsController,该TabsController可以控制Tabs组件进行页签切换。正确(True)错误(False)正确(True)回答正确2. WebviewController提供了变更Web组件显示内容的接口,例如可以使用loadData来加载一个网页链接地址改变Web组件的......
  • 从简单的页面开始<HarmonyOS第一课>
    一、判断题1. Button作为容器使用时可以通过添加子组件实现包含文字、图片等元素的按钮,其类型包括胶囊按钮、圆形按钮、普通按钮。正确(True)错误(False)正确(True)回答正确2. 对于包含文本元素的组件,如:Text、Span、Button、TextInput等,使用fontFamily设置字体时,参数......
  • vue-cli 跳转到页面指定位置
    原文关注公众号,后台里留言可进行提问,可在后台留言向作者提问解答问题!https://mp.weixin.qq.com/s?__biz=Mzg3NTAzMzAxNA==&mid=2247484254&idx=1&sn=361bbb2113be3eeda3802f0a805c5705&chksm=cec6fb87f9b1729174e3ae66bf9693207386256c964499c098fb8a6cc14b4ba266bc271073a3&tok......