[Solved] Identify the error in this SwiftUI code snippet: Image(systemName: "star") .overlay(Circle().stroke(Color.blue)) .background(Circle().fill(Color.yellow)) .background(Color.red) | iOS Swift

iOS Swift - SwiftUI Layout

Identify the error in this SwiftUI code snippet:

Image(systemName: "star")
  .overlay(Circle().stroke(Color.blue))
  .background(Circle().fill(Color.yellow))
  .background(Color.red)

ACircle cannot be used inside overlay

BOverlay must come after all backgrounds

CImage cannot have background or overlay modifiers

DMultiple background modifiers cause only the first to apply

Step-by-Step Solution

Solution:

Step 1: Analyze multiple background modifiers
Applying .background() twice stacks backgrounds, but only the first background modifier applies directly behind the view, later ones get layered behind that.
Step 2: Understand layering order
The last .background(Color.red) will be behind the yellow circle background, so the red color might be hidden or layered behind unexpectedly.
Final Answer:
Multiple background modifiers cause only the first to apply -> Option D
Quick Check:
Last background behind earlier ones visually [OK]

Quick Trick: Multiple backgrounds stack but first is closest behind view [OK]

Common Mistakes:

Master "SwiftUI Layout" in iOS Swift

9 interactive learning modes - each teaches the same concept differently

More iOS Swift Quizzes

Identify the error in this SwiftUI code snippet: