How to push a new view onto a NavigationView

Paul Hudson @twostraws February 11th 2020

Updated for Xcode 12.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, if you had a detail view like this:

struct DetailView: View {
    var body: some View {
        Text("This is the detail view")
    }
}

Then you could present it like this:

struct ContentView: View {
    var body: some View {
        NavigationView {
            VStack {
                NavigationLink(destination: DetailView()) {
                    Text("Show Detail View")
                }.navigationBarTitle("Navigation")
            }
        }
    }
}

Sponsor Hacking with Swift and reach the world's largest Swift community!

How to push a new view onto a NavigationView

Similar solutions…