美文网首页
SwiftUI—如何使用NavigationLink进行页面间的

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

作者: anny_4243 | 来源:发表于2020-07-16 14:22 被阅读0次

原文链接: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)
        }
    }
}

相关文章

网友评论

      本文标题:SwiftUI—如何使用NavigationLink进行页面间的

      本文链接:https://www.haomeiwen.com/subject/eyyphktx.html