NavigationLink in iOS Swift - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ ui_behavior

intermediate

What happens when this NavigationLink is tapped?

Consider this SwiftUI code snippet. What will the user see after tapping the NavigationLink?

iOS Swift

NavigationLink(destination: Text("Detail View")) {
  Text("Go to Detail")
}

A Nothing happens because the NavigationLink is missing a NavigationView.

B The app navigates to a new screen showing the text "Detail View".

C The app crashes due to missing navigation context.

D The text "Go to Detail" changes color but no navigation occurs.

💡 Hint

NavigationLink requires a NavigationView ancestor to navigate properly.

Without a NavigationView, NavigationLink renders the label (styled as a link) but does not navigate when tapped.

📝 Syntax

intermediate

Which option correctly creates a NavigationLink with a label and destination?

Choose the correct SwiftUI code that compiles and shows "Next Screen" when tapped.

A NavigationLink(Text("Tap Here"), destination: Text("Next Screen"))

B

NavigationLink(destination: Text("Next Screen")) {
  Text("Tap Here")
}

C NavigationLink(destination: Text("Next Screen"), label: { Text("Tap Here") })

D

NavigationLink(Text("Next Screen")) {
  Text("Tap Here")
}

💡 Hint

The destination parameter comes first, then the label closure.

Option B uses the correct initializer with destination first and a trailing closure for the label. Others have wrong parameter order or syntax errors.

❓ lifecycle

advanced

What is the effect of using NavigationLink with isActive binding?

Given this code snippet, what happens when isActive becomes true?

iOS Swift

struct ContentView: View {
  @State private var isActive = false
  var body: some View {
    NavigationView {
      VStack {
        NavigationLink(destination: Text("Active View"), isActive: $isActive) {
          EmptyView()
        }
        Button("Activate") {
          isActive = true
        }
      }
    }
  }
}

A Tapping the button programmatically navigates to the "Active View" screen.

B Nothing happens because the NavigationLink label is EmptyView.

C The button toggles the visibility of the NavigationLink label.

D The app crashes due to binding misuse.

💡 Hint

The isActive binding controls navigation state programmatically.

When isActive changes to true, the NavigationLink activates and navigates to the destination even without user tapping the label.

🔧 Debug

advanced

Why does this NavigationLink not navigate when tapped?

Identify the reason this NavigationLink does not navigate to the destination view.

iOS Swift

struct ContentView: View {
  var body: some View {
    VStack {
      Text("Hello")
      NavigationLink(destination: Text("Next")) {
        Text("Go")
      }
    }
  }
}

A The destination view is missing a NavigationLink label.

B The NavigationLink label is not tappable because it's a Text view.

C Because NavigationLink is not inside a NavigationView, navigation won't work.

D The code is missing a @State variable to control navigation.

💡 Hint

NavigationLink requires a NavigationView to manage navigation stack.

Without a NavigationView, NavigationLink cannot push new views onto a navigation stack, so tapping does nothing.

🧠 Conceptual

expert

How does NavigationLink manage navigation stack in SwiftUI?

Which statement best describes how NavigationLink works internally in SwiftUI navigation?

A NavigationLink swaps the current view with the destination view without animation.

B NavigationLink replaces the root view with the destination view immediately on tap.

C NavigationLink creates a modal sheet presenting the destination view over the current view.

D NavigationLink pushes the destination view onto the navigation stack managed by NavigationView when activated.

💡 Hint

Think about how navigation stacks work in iOS apps.

NavigationLink works with NavigationView to push new views onto a stack, allowing back navigation and animation.