Spacer and padding in iOS Swift - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ ui_behavior

intermediate

How does Spacer affect layout in SwiftUI?

Consider a horizontal stack with two Text views and a Spacer between them. What will be the visual result?

iOS Swift

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

A The texts will overlap each other in the middle of the screen.

B The texts "Left" and "Right" will be pushed to the edges of the screen with space between them.

C The texts will be stacked tightly together in the center with no space between.

D The texts will be aligned vertically instead of horizontally.

💡 Hint

Think about how Spacer expands to fill available space.

Spacer in SwiftUI expands to fill all available space in the stack's direction, pushing views apart to the edges.

❓ ui_behavior

intermediate

What effect does padding() have on a SwiftUI view?

Given a Text view with .padding() modifier, what changes visually?

iOS Swift

Text("Hello")
  .padding()

A The text disappears from the screen.

B The text color changes to gray.

C The text becomes bold and larger.

D The text gets extra space around it inside its container, increasing the tappable area.

💡 Hint

Padding adds space inside the view's boundary.

Padding adds empty space around the content inside the view's frame, making it larger and easier to interact with.

❓ lifecycle

advanced

What happens if you apply multiple padding modifiers in SwiftUI?

Consider this code: Text("Hello") .padding(10) .padding(5) What is the total padding around the text?

iOS Swift

Text("Hello")
  .padding(10)
  .padding(5)

A The total padding is 15 points on all sides.

B Only the last padding(5) is applied, so 5 points total.

C The padding values multiply, resulting in 50 points total.

D The padding values conflict and cause a runtime error.

💡 Hint

Modifiers stack and add up in SwiftUI.

Each padding modifier adds space around the view. They accumulate, so 10 + 5 = 15 points total padding.

📝 Syntax

advanced

Identify the syntax error in this SwiftUI padding code

What is wrong with this code snippet? VStack { Text("Hello") .padding(10 Spacer() }

iOS Swift

VStack {
  Text("Hello")
    .padding(10
  Spacer()
}

A Padding cannot take numeric arguments.

B Spacer cannot be used inside VStack.

C Missing closing parenthesis in .padding(10).

D Text must be inside a HStack, not VStack.

💡 Hint

Check the parentheses carefully.

The .padding(10 modifier is missing a closing parenthesis, causing a syntax error.

🧠 Conceptual

expert

Why use Spacer instead of fixed padding for flexible layouts?

Which reason best explains why Spacer is preferred over fixed padding values for spacing in SwiftUI layouts?

A Spacer automatically adjusts to fill available space, making layouts responsive to screen size changes.

B Spacer reduces app memory usage compared to padding.

C Spacer changes the font size of text automatically.

D Spacer disables user interaction on views.

💡 Hint

Think about how layouts adapt on different devices.

Spacer expands to fill available space dynamically, allowing flexible and adaptive layouts unlike fixed padding.