[Solved] What will be displayed when this SwiftUI code runs?let animals = ["Cat", "Dog", "Bird"] var body: some View { List(animals, id: \.self) { animal in Text(animal) } } | iOS Swift

iOS Swift - Lists and Data Display

What will be displayed when this SwiftUI code runs?

let animals = ["Cat", "Dog", "Bird"]

var body: some View {
  List(animals, id: \.self) { animal in
    Text(animal)
  }
}

AA scrollable list showing Cat, Dog, Bird

BA single Text view showing all animals concatenated

CAn empty screen with no content

DA runtime error due to missing id

Step-by-Step Solution

Solution:

Step 1: Analyze List usage
The List uses the animals array with id: \.self, so each string is uniquely identified.
Step 2: Expected UI output
The List will show each animal as a separate Text view in a scrollable list.
Final Answer:
A scrollable list showing Cat, Dog, Bird -> Option A
Quick Check:
List with array = scrollable list [OK]

Quick Trick: List shows each array item as a separate row [OK]

Common Mistakes:

Master "Lists and Data Display" in iOS Swift

9 interactive learning modes - each teaches the same concept differently

More iOS Swift Quizzes

What will be displayed when this SwiftUI code runs?