SwiftUI: Navigating Between Screens

Photo by Maxwell Nelson on Unsplash

Navigation is a fundamental part of any application. Whether you are developing an extensive multi-screen application or a simple one, managing the transition between different screens is crucial. In this tutorial, we’ll explore how to navigate between screens in SwiftUI.

“The journey of a thousand miles begins with a single step.” — Lao Tzu

This quote is particularly relevant to programming. Every complex app starts with mastering the basics, like navigation.

NavigationView and NavigationLink

The primary way to navigate between screens in SwiftUI is using the NavigationView and NavigationLink views.

struct ContentView: View {
    var body: some View {
        NavigationView {
            NavigationLink(destination: SecondView()) {
                Text("Navigate to Second Screen")
            }
            .navigationBarTitle("First Screen")
        }
    }
}

struct SecondView: View {
    var body: some View {
        Text("Second Screen")
            .navigationBarTitle("Second Screen")
    }
}

In this code, NavigationView is the container for the navigation stack, and NavigationLink creates a link between two views.

Passing Data Between Screens