What will be the visual arrangement of views in this SwiftUI code snippet?

medium📝 Predict Output Q4 of 15

iOS Swift - SwiftUI Basics

VStack {
  Text("Top")
  Spacer()
  Text("Bottom")
}

ATexts overlap each other in the center.

BBoth texts are stacked tightly at the center with no space.

C"Bottom" text appears above "Top" text.

DThe "Top" text is at the top, "Bottom" text is at the bottom with space in between.

Step-by-Step Solution

Solution:

Step 1: Analyze VStack with Spacer()
VStack arranges views vertically. Spacer() expands to fill space.
Step 2: Layout Effect
"Top" text is placed at the top, Spacer pushes "Bottom" text to the bottom.
Final Answer:
The "Top" text is at the top, "Bottom" text is at the bottom with space in between. -> Option D
Quick Check:
Spacer pushes views apart vertically in VStack. [OK]

Quick Trick: Spacer() pushes views apart in stacks [OK]

Common Mistakes:

Master "SwiftUI Basics" in iOS Swift

9 interactive learning modes - each teaches the same concept differently

Want More Practice?

15+ quiz questions · All difficulty levels · Free

More iOS Swift Quizzes