Alignment and spacing in iOS Swift - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the purpose of alignment in iOS Swift UI layout?

Alignment controls how views are positioned relative to each other or their container, such as left, center, or right alignment.

beginner

How does spacing affect UI elements in SwiftUI?

Spacing adds empty space between UI elements to improve readability and visual balance.

beginner

Which SwiftUI container uses alignment and spacing parameters to arrange child views horizontally?

HStack arranges child views horizontally and lets you set alignment and spacing between them.

beginner

What does the .padding() modifier do in SwiftUI?

.padding() adds space around a view’s content, pushing it away from neighboring views or edges.

intermediate

How can you align text to the center inside a VStack in SwiftUI?

Set the VStack's alignment to .center or use the .multilineTextAlignment(.center) modifier on the Text view.

Which SwiftUI container arranges views vertically with optional spacing?

A List

B HStack

C ZStack

D VStack

VStack stacks views vertically and lets you set spacing between them.

What does the spacing parameter control in an HStack?

A The space between the HStack and its parent

B The space between child views inside the HStack

C The padding inside each child view

D The alignment of child views

Spacing controls the gap between child views inside the HStack.

How do you add space around a view in SwiftUI?

A Use .padding() modifier

B Use .frame() modifier

C Use .background() modifier

D Use .offset() modifier

.padding() adds space around the view’s content.

Which alignment option centers views horizontally in a VStack?

A .center

B .trailing

C .leading

D .top

.center aligns views horizontally in the center.

What does the ZStack do in SwiftUI?

A Arranges views horizontally

B Arranges views vertically

C Stacks views on top of each other

D Creates a list of views

ZStack layers views on top of each other.

Explain how alignment and spacing work together to create a clean UI layout in SwiftUI.

Think about how you arrange items on a shelf with equal gaps and lined up edges.

Describe how you would center a text label inside a vertical stack with some space around it.

Imagine placing a sign in the middle of a shelf with some empty space around it.