[Solved] What will be the visible result of this SwiftUI code? Text("Tap Me") .overlay(Rectangle().stroke(Color.blue, lineWidth: 3)) | iOS Swift

iOS Swift - SwiftUI Layout

What will be the visible result of this SwiftUI code?

Text("Tap Me")
  .overlay(Rectangle().stroke(Color.blue, lineWidth: 3))

AOnly the text "Tap Me" with no border.

BA blue rectangle border on top of the text "Tap Me".

CA blue rectangle behind the text "Tap Me".

DA filled blue rectangle covering the text.

Step-by-Step Solution

Solution:

Step 1: Understand .overlay() with Rectangle stroke
The Rectangle with stroke modifier draws a border on top of the Text view.
Step 2: Confirm overlay behavior
Overlay places the rectangle border above the text, not behind or filled.
Final Answer:
A blue rectangle border on top of the text "Tap Me". -> Option B
Quick Check:
Overlay adds view on top = A blue rectangle border on top of the text "Tap Me". [OK]

Quick Trick: Use overlay for borders or highlights on top [OK]

Common Mistakes:

Master "SwiftUI Layout" in iOS Swift

9 interactive learning modes - each teaches the same concept differently

More iOS Swift Quizzes

What will be the visible result of this SwiftUI code?