SwiftUI—如何使用NavigationLink进行页面间的跳转

简介: SwiftUI—如何使用NavigationLink进行页面间的跳转

本节课演示如何使用NavigationLink,进行页面之间的跳转。


示例代码:


struct ContentView : View {
    @State var isPresented = false
    var body: some View {
//            NavigationView { //SwiftUI的页面之间的跳转,是在NavigationView里进行的
//                HStack{
//                    NavigationLink(destination: Text("Detail Page #1") ) { //添加一个NavigationLink导航链接,导航链接是一个按钮,当点击该按钮时,触发导航跳转到destination指定的文本视图
//                        Text("Go detail Page #1 >") //作为导航按钮的标题
//                    }
//                    .navigationBarTitle("Index Page #1")
//                    .accentColor(Color.orange) //导航链接上的文字颜色
//                }
//            }
            NavigationView {
                HStack{
                    NavigationLink(destination: MyDetailView(message: "Detail Page #2") ) {
                        Text("Go detail Page #2 >")
                    }
                    .navigationBarTitle("Index Page #1")
                }
            }
    }
}
struct MyDetailView: View {
    let message: String
    var body: some View {
        VStack {
            Text(message)
                .font(.largeTitle)
        }
    }
}


2466108-cab27e5e34f21254.webp.jpg


目录
相关文章
|
7月前
|
前端开发
前端ElementPlus框架中的几种图标按钮使用方式
本文介绍了如何在Element Plus前端框架中使用带有图标的按钮,包括设置按钮大小、图标大小、按钮类型以及如何为图标添加点击事件。
641 0
|
7月前
|
图形学
小功能⭐️Unity判断是否单击到了UI
小功能⭐️Unity判断是否单击到了UI
|
8月前
|
小程序 JavaScript 前端开发
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
242 0
展开&收起,使用SwiftUI搭建一个侧滑展开页面交互
展开&收起,使用SwiftUI搭建一个侧滑展开页面交互
329 0
|
前端开发
前端学习笔记202304学习笔记第十九天-vue3.0-渲染页面并跳转到用户详情页
前端学习笔记202304学习笔记第十九天-vue3.0-渲染页面并跳转到用户详情页
83 0
|
JSON 前端开发 JavaScript
Sanic教程: 4.展示一个页面
Sanic教程: 4.展示一个页面
|
JSON 小程序 JavaScript
走进小程序【四】小程序自定义Component如何使用,手把手封装一个底部Tabbar栏
走进小程序【四】小程序自定义Component如何使用,手把手封装一个底部Tabbar栏
219 0
(uniapp跳转回显),A页面进入B页面,B页面返回A页面,并传值给A页面(技巧绝对好用慢慢看)
(uniapp跳转回显),A页面进入B页面,B页面返回A页面,并传值给A页面(技巧绝对好用慢慢看)
665 0
(uniapp跳转回显),A页面进入B页面,B页面返回A页面,并传值给A页面(技巧绝对好用慢慢看)
|
API iOS开发
SwiftUI 中的自定义导航
默认情况下,SwiftUI提供的各种导航API在很大程度上是以用户直接输入为中心的——也就是说,导航是在系统响应例如按钮的点击和标签切换等事件时由系统本身处理的。
299 0
SwiftUI 中的自定义导航
|
前端开发
前端项目实战72-控制1个按钮不能删除
前端项目实战72-控制1个按钮不能删除
119 0
前端项目实战72-控制1个按钮不能删除