[Solved] What will be the layout result of this SwiftUI code? HStack { Text("Left") Spacer() Text("Right") } — Ans: "Left" text on the left, "Right" text pushed to the right edge. | iOS Swift

iOS Swift - SwiftUI Basics

What will be the layout result of this SwiftUI code?

HStack {
  Text("Left")
  Spacer()
  Text("Right")
}

ATexts appear centered with space between them.

B"Left" text on the left, "Right" text pushed to the right edge.

CBoth texts appear close together on the left side.

DTexts overlap in the center.

Step-by-Step Solution

Solution:

Step 1: Understand HStack and Spacer
HStack arranges views horizontally. Spacer expands to fill space between views.
Step 2: Analyze positions
Text("Left") is placed first on the left.
Spacer pushes remaining space.
Text("Right") is pushed to the right edge.
Final Answer:
"Left" text on the left, "Right" text pushed to the right edge. -> Option B
Quick Check:
Spacer pushes views apart horizontally [OK]

Quick Trick: Spacer in HStack pushes views to edges [OK]

Common Mistakes:

Master "SwiftUI Basics" in iOS Swift

9 interactive learning modes - each teaches the same concept differently

More iOS Swift Quizzes

What will be the layout result of this SwiftUI code?