How to push a new view onto a NavigationView

Paul Hudson    @twostraws    September 18th 2019

Fully updated for Xcode 11.2

If you have a navigation view and you want to push a new view onto SwiftUI’s navigation stack, you should use NavigationLink. This take 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")
            }
        }
    }
}

Similar solutions…

• SwiftUI tips and tricks
• Building a menu using List
• What’s the difference between @ObservedObject, @State, and @EnvironmentObject?
• Composing views to create a list row
• Displaying a detail screen with NavigationLink