[Solved] What will be the visible result of this SwiftUI code? Text("Hi") .background(Color.yellow) .overlay(Text("Overlay")) | iOS Swift

iOS Swift - SwiftUI Layout

What will be the visible result of this SwiftUI code?

Text("Hi")
  .background(Color.yellow)
  .overlay(Text("Overlay"))

AText "Hi" with yellow background and "Overlay" text on top

BText "Hi" with yellow background only, no overlay text

CText "Overlay" with yellow background, "Hi" hidden

DOnly yellow background visible, no text

Step-by-Step Solution

Solution:

Step 1: Understand modifier order
The .background(Color.yellow) adds a yellow color behind "Hi" text. Then .overlay(Text("Overlay")) places "Overlay" text on top.
Step 2: Visual layering result
Both texts are visible: "Hi" with yellow behind, and "Overlay" layered above.
Final Answer:
Text "Hi" with yellow background and "Overlay" text on top -> Option A
Quick Check:
Background behind, overlay on top = layered views [OK]

Quick Trick: Background is behind, overlay is on top, both visible [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?