How to push a new view onto a NavigationView
Updated for Xcode 13.0
If you have a navigation view and you want to push a new view onto SwiftUI’s navigation stack, you should use NavigationLink. This takes a destination as its first parameter and what to show inside the button as its second parameter (or as a trailing closure), and takes care of pushing the new view on the stack for us along with animation.
For example, this creates a simple SecondView struct, then presents it from a NavigationView:
struct SecondView: View {
var body: some View {
Text("This is the detail view")
}
}
struct ContentView: View {
var body: some View {
NavigationView {
VStack {
NavigationLink(destination: SecondView()) {
Text("Show Detail View")
}
.navigationTitle("Navigation")
}
}
}
}
Download this as an Xcode project
SPONSORED Join a FREE crash course for iOS devs who want to become complete senior developers — from October 18th to 24th. Learn how to apply iOS app architecture patterns through a series of lectures and practical coding sessions.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Similar solutions…
