Solution:Step 1: Understand ScrollView directionScrollView(.horizontal) enables horizontal scrolling.Step 2: Understand LazyHStack layoutLazyHStack arranges views horizontally and loads lazily.Step 3: ForEach creates two Text viewsForEach(0..Final Answer:A horizontal scrollable row with "Number 0" a

[Solved] Given this code:ScrollView(.horizontal) { LazyHStack { ForEach(0..What will the user see? — Ans: A horizontal scrollable row with "Number 0" and "Number 1" | iOS Swift

iOS Swift - SwiftUI Layout

Given this code:

ScrollView(.horizontal) {
  LazyHStack {
    ForEach(0..<2, id: \.self) { i in
      Text("Number \(i)")
    }
  }
}

What will the user see?

AOnly "Number 0" visible, "Number 1" hidden

BA horizontal scrollable row with "Number 0" and "Number 1"

CA vertical scrollable column with "Number 0" and "Number 1"

DNo output due to syntax error

Step-by-Step Solution

Solution:

Step 1: Understand ScrollView direction
ScrollView(.horizontal) enables horizontal scrolling.
Step 2: Understand LazyHStack layout
LazyHStack arranges views horizontally and loads lazily.
Step 3: ForEach creates two Text views
ForEach(0..<2, id: \.self) creates "Number 0" and "Number 1" views.
Final Answer:
A horizontal scrollable row with "Number 0" and "Number 1" -> Option B
Quick Check:
Horizontal ScrollView + LazyHStack = horizontal list [OK]

Quick Trick: Match ScrollView axis with Lazy stack direction [OK]

Common Mistakes:

Confusing horizontal and vertical scrolling
Expecting only one item visible
Assuming syntax error in ForEach

Master "SwiftUI Layout" in iOS Swift

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep UI Try Challenge Build Recall Publish

More iOS Swift Quizzes

Given this code:

Step 1: Understand ScrollView direction

Step 2: Understand LazyHStack layout

Step 3: ForEach creates two Text views

Final Answer:

Quick Check:

Want More Practice?