[Solved] What will be the visible output when running this SwiftUI code inside a ScrollView?ScrollView { LazyHStack { ForEach(1...3, id: \.self) { i in Text("Number \(i)") } } } | iOS Swift

iOS Swift - SwiftUI Layout

What will be the visible output when running this SwiftUI code inside a ScrollView?

ScrollView {
  LazyHStack {
    ForEach(1...3, id: \.self) { i in
      Text("Number \(i)")
    }
  }
}

AA vertical column showing: Number 1 Number 2 Number 3

BNo output because LazyHStack needs LazyVStack

CAn error because LazyHStack cannot be inside ScrollView

DA horizontal row showing: Number 1 Number 2 Number 3

Step-by-Step Solution

Solution:

Step 1: Understand ScrollView with LazyHStack
ScrollView by default scrolls vertically, but LazyHStack arranges views horizontally.
Step 2: Check ForEach output
ForEach creates Text views labeled Number 1, Number 2, Number 3 in a horizontal line.
Final Answer:
A horizontal row showing: Number 1 Number 2 Number 3 -> Option D
Quick Check:
LazyHStack arranges horizontally = B [OK]

Quick Trick: LazyHStack arranges views horizontally inside ScrollView [OK]

Common Mistakes:

Master "SwiftUI Layout" in iOS Swift

9 interactive learning modes - each teaches the same concept differently

More iOS Swift Quizzes

What will be the visible output when running this SwiftUI code inside a ScrollView?