NavigationLink in iOS Swift - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create a NavigationLink with a text label.

iOS Swift

NavigationLink(destination: Text("Detail View")) {
    Text([1])
}

Drag options to blanks, or click blank then click option'

Adestination

B"Go to Detail"

C"Button"

DDetailView()

Attempts:

3 left

💡 Hint

Common Mistakes

Using a view instead of a string inside Text.

Forgetting quotes around the string.

The label inside NavigationLink is a Text view showing "Go to Detail".

2fill in blank

medium

Complete the code to navigate to a custom view called DetailView.

iOS Swift

NavigationLink(destination: [1]) {
    Text("Show Detail")
}

Drag options to blanks, or click blank then click option'

A"DetailView"

BText("Detail")

CDetailView()

DNavigationView()

Attempts:

3 left

💡 Hint

Common Mistakes

Passing a string instead of a view instance.

Passing a view type without parentheses.

The destination must be a view instance, so use DetailView() to navigate to that view.

3fill in blank

hard

Fix the error in the NavigationLink label to correctly display text.

iOS Swift

NavigationLink(destination: DetailView()) {
    [1]("Go")
}

Drag options to blanks, or click blank then click option'

ANavigationLink

BButton

CLabel

DText

Attempts:

3 left

💡 Hint

Common Mistakes

Using Button inside NavigationLink label causing nested buttons.

Using NavigationLink inside its own label.

The label inside NavigationLink should be a Text view to display the string "Go".

4fill in blank

hard

Fill both blanks to create a NavigationLink with a label and destination view.

iOS Swift

NavigationLink(destination: [1]) {
    [2]("Next Screen")
}

Drag options to blanks, or click blank then click option'

ANextView()

BText

CDetailView()

DButton

Attempts:

3 left

💡 Hint

Common Mistakes

Using Button as label inside NavigationLink.

Passing a string instead of a view as destination.

The destination is DetailView() and the label is a Text view showing "Next Screen".

5fill in blank

hard

Fill all three blanks to create a NavigationLink with a destination and a label showing an image and text.

iOS Swift

NavigationLink(destination: [1]) {
    HStack {
        Image(systemName: [2])
        Text([3])
    }
}

Drag options to blanks, or click blank then click option'

ASettingsView()

B"gearshape"

C"Settings"

DProfileView()

Attempts:

3 left

💡 Hint

Common Mistakes

Forgetting quotes around image systemName or text string.

Using wrong view as destination.

The destination is SettingsView(), the image uses systemName "gearshape", and the label text is "Settings".