[Solved] Find the bug in this code snippet:LazyHGrid(rows: [GridItem(.flexible())]) { ForEach(0.. — Ans: The .frame modifier is applied to ForEach instead of each Text | iOS Swift

iOS Swift - SwiftUI Layout

Find the bug in this code snippet:

LazyHGrid(rows: [GridItem(.flexible())]) {
  ForEach(0..<3) { i in
    Text("Item \(i)")
  }
  .frame(height: 50)
}

ALazyHGrid requires columns parameter, not rows

BGridItem must be .fixed() not .flexible()

CThe .frame modifier is applied to ForEach instead of each Text

DForEach range should be 1..<4 instead of 0..<3

Step-by-Step Solution

Solution:

Step 1: Check modifier placement
The .frame(height: 50) is applied to the entire ForEach, not individual Text views.
Step 2: Understand effect
This means the frame affects the container, not each item, which may cause layout issues.
Final Answer:
The .frame modifier is applied to ForEach instead of each Text -> Option C
Quick Check:
Modifiers should be on individual views for correct layout [OK]

Quick Trick: Apply modifiers to individual views, not ForEach container [OK]

Common Mistakes:

Master "SwiftUI Layout" in iOS Swift

9 interactive learning modes - each teaches the same concept differently

More iOS Swift Quizzes

Find the bug in this code snippet: