Why lists present dynamic content in iOS Swift - Challenge Your Understanding

Challenge - 5 Problems

❓ ui_behavior

intermediate

What will this SwiftUI List display?

Consider this SwiftUI code snippet. What will the list show when the app runs?

iOS Swift

struct ContentView: View {
  let fruits = ["Apple", "Banana", "Cherry"]
  var body: some View {
    List(fruits, id: \.self) { fruit in
      Text(fruit)
    }
  }
}

A An empty list with no rows displayed.

B A single row showing the text "[Apple, Banana, Cherry]".

C A list showing only the first fruit, Apple.

D A list showing Apple, Banana, and Cherry as separate rows.

💡 Hint

Think about how List uses the array to create rows.

The List uses the array 'fruits' and creates one row per item, showing each fruit name separately.

❓ lifecycle

intermediate

How does SwiftUI update a List when data changes?

If you change the array that a SwiftUI List uses, how does the List update?

A The List never updates unless the app restarts.

B The List automatically refreshes to show the new data.

C You must manually reload the List by calling a special function.

D The List crashes if the data changes.

💡 Hint

SwiftUI watches data changes to update views.

SwiftUI uses data bindings and state to detect changes and automatically refresh the UI, including Lists.

🧠 Conceptual

advanced

Why use 'id: \.self' in a SwiftUI List?

What is the purpose of specifying 'id: \.self' when creating a List in SwiftUI?

A It tells SwiftUI how to uniquely identify each item for efficient updates.

B It sorts the list items alphabetically.

C It disables user interaction with the list.

D It changes the font style of the list items.

💡 Hint

Think about how SwiftUI tracks which rows changed.

The 'id' parameter helps SwiftUI know which items are which, so it can update only changed rows efficiently.

🔧 Debug

advanced

What error occurs with this List code?

What error will this SwiftUI code produce when compiling?

iOS Swift

struct ContentView: View {
  let numbers = [1, 2, 3]
  var body: some View {
    List(numbers, id: \.self) { number in
      Text("Number: " + String(number))
    }
  }
}

A Missing 'id' parameter error because Int does not conform to Identifiable.

B No error; the code compiles and runs fine.

C Syntax error due to missing parentheses in Text.

D Runtime crash due to invalid string concatenation.

💡 Hint

Check if the data type is Identifiable or if 'id' is provided.

List requires items to be Identifiable or have an 'id' parameter. Int is not Identifiable, so the compiler errors.

❓ navigation

expert

How to navigate to a detail view from a List row?

Which code snippet correctly navigates to a detail view when tapping a row in a SwiftUI List?

iOS Swift

struct ContentView: View {
  let items = ["One", "Two", "Three"]
  var body: some View {
    NavigationView {
      List(items, id: \.self) { item in
        // Navigation code here
      }
      .navigationTitle("Items")
    }
  }
}

struct DetailView: View {
  let item: String
  var body: some View {
    Text("Detail for \(item)")
  }
}

A ListRow(item: item).navigate(to: DetailView(item: item))

B Button(action: { DetailView(item: item) }) { Text(item) }

C NavigationLink(destination: DetailView(item: item)) { Text(item) }

D Text(item).onTapGesture { NavigationView { DetailView(item: item) } }

💡 Hint

Use the standard SwiftUI way to link views in a list.

NavigationLink wraps the row content and specifies the destination view for navigation.