SwiftUI—如何使用NavigationLink进行页面间的
2020-07-16 本文已影响0人
anny_4243
原文链接: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)
}
}
}
![](https://img.haomeiwen.com/i2466108/cab27e5e34f21254.png)