Navigation path management in iOS Swift - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ navigation

intermediate

What is the output of this SwiftUI navigation code?

Consider this SwiftUI code snippet that manages navigation paths. What will be the value of navigationPath after tapping the button once?

iOS Swift

import SwiftUI

struct ContentView: View {
  @State private var navigationPath = NavigationPath()

  var body: some View {
    NavigationStack(path: $navigationPath) {
      VStack {
        Button("Go to Detail") {
          navigationPath.append("DetailView")
        }
        Text("Current path count: \(navigationPath.count)")
      }
      .navigationDestination(for: String.self) { value in
        Text("You are at \(value)")
      }
    }
  }
}

A navigationPath contains one element: ["DetailView"]

B navigationPath is empty: []

C navigationPath contains two elements: ["DetailView", "DetailView"]

D navigationPath contains one element: ["ContentView"]

💡 Hint

Think about what happens when you append a string to the navigation path once.

When the button is tapped, the string "DetailView" is appended once to the navigationPath, so it contains exactly one element.

❓ ui_behavior

intermediate

Which option correctly resets the navigation path in SwiftUI?

You want to reset the navigation stack to the root view by clearing the navigation path. Which code snippet correctly does this?

A navigationPath.clear()

B navigationPath = nil

C navigationPath = []

D navigationPath.removeAll()

💡 Hint

Check the NavigationPath API for clearing all elements.

NavigationPath is a struct that supports removeAll() to clear its contents. Assigning nil or using clear() is invalid. Assigning [] is invalid because NavigationPath is not an array.

❓ lifecycle

advanced

What happens to the navigation path when the view is recreated?

Given this SwiftUI view with a @State navigationPath, what happens to the navigation path when the view is recreated due to a state change elsewhere?

iOS Swift

struct ContentView: View {
  @State private var navigationPath = NavigationPath()
  @State private var counter = 0

  var body: some View {
    NavigationStack(path: $navigationPath) {
      VStack {
        Button("Go to Detail") {
          navigationPath.append("DetailView")
        }
        Button("Increment") {
          counter += 1
        }
        Text("Counter: \(counter)")
      }
      .navigationDestination(for: String.self) { value in
        Text("You are at \(value)")
      }
    }
  }
}

A The navigation path resets to empty every time the view updates.

B The navigation path is preserved and remains unchanged.

C The navigation path duplicates its elements on each update.

D The navigation path causes a runtime error on view update.

💡 Hint

Remember how @State preserves data across view updates.

@State properties keep their values across view redraws, so navigationPath remains intact when counter changes.

📝 Syntax

advanced

Which option causes a compile-time error in navigation path usage?

Which of these SwiftUI code snippets will cause a compile-time error when used with NavigationStack's path binding?

A

@State private var navigationPath: [String] = []

NavigationStack(path: $navigationPath) { ... }

B

@State private var navigationPath = NavigationPath()

NavigationStack(path: $navigationPath) { ... }

C

@State private var navigationPath = NavigationPath()

NavigationStack(path: navigationPath) { ... }

D

@State private var navigationPath = NavigationPath()

NavigationStack(path: Binding(get: { navigationPath }, set: { navigationPath = $0 })) { ... }

💡 Hint

Check if the path parameter requires a binding or a value.

NavigationStack's path parameter requires a Binding to a NavigationPath. Option C passes a value, not a binding, causing a compile error.

🔧 Debug

expert

Why does this navigation path code cause a runtime crash?

This SwiftUI code crashes at runtime when navigating. What is the cause?

iOS Swift

struct ContentView: View {
  @State private var navigationPath = NavigationPath()

  var body: some View {
    NavigationStack(path: $navigationPath) {
      VStack {
        Button("Go to Detail") {
          navigationPath.append(42)
        }
      }
      .navigationDestination(for: String.self) { value in
        Text("You are at \(value)")
      }
    }
  }
}

A Missing navigationDestination for Int type causes a crash.

B Appending an Int (42) to a NavigationPath expecting String causes a crash.

C NavigationPath cannot hold Int values, only Strings.

D The Button action is not wrapped in DispatchQueue.main.async, causing a crash.

💡 Hint

Check the types used in append and navigationDestination.

NavigationStack requires a navigationDestination for every type appended to the path. Here, 42 is an Int but no navigationDestination for Int is provided, causing a runtime crash.