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

原文链接:https://github.com/fzhlee/SwiftUI-Guide#-%E7%AC%AC1%E8%8A%82navigationlink-

本节课演示如何使用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)
        }
    }
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容