[Solved] Consider this SwiftUI code: Circle() .frame(width: 100, hei... 1.5 : 1) .animation(.spring(), value: isScaled) .onTapGesture { isScaled.toggle() } What is the visual effect when the circle is tapped? | iOS Swift

iOS Swift - Animations

Consider this SwiftUI code:

Circle()
  .frame(width: 100, height: 100)
  .scaleEffect(isScaled ? 1.5 : 1)
  .animation(.spring(), value: isScaled)
  .onTapGesture { isScaled.toggle() }

What is the visual effect when the circle is tapped?

AThe circle changes color with no size change

BThe circle rotates 360 degrees

CThe circle instantly scales without animation

DThe circle grows and shrinks with a spring bounce animation

Step-by-Step Solution

Solution:

Step 1: Identify the scaleEffect change
The circle scales between 1 and 1.5 depending on isScaled state.
Step 2: Understand the spring animation
The .animation(.spring(), value: isScaled) applies a spring bounce effect to the scaling change.
Final Answer:
The circle grows and shrinks with a spring bounce animation -> Option D
Quick Check:
Spring animation = bounce scale effect [OK]

Quick Trick: Use .animation(.spring()) for bouncy implicit animations [OK]

Common Mistakes:

Expecting color change
Missing animation on scale
Confusing rotation with scale

Master "Animations" in iOS Swift

9 interactive learning modes - each teaches the same concept differently

Learn Why Deep UI Try Challenge Build Recall Publish

More iOS Swift Quizzes

Consider this SwiftUI code:

Step 1: Identify the scaleEffect change

Step 2: Understand the spring animation

Final Answer:

Quick Check:

Want More Practice?