withAnimation in iOS Swift - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ ui_behavior

intermediate

What happens when you use withAnimation in SwiftUI?

Consider this SwiftUI code snippet that changes a view's opacity inside a withAnimation block. What will the user see when the button is tapped?

iOS Swift

struct ContentView: View {
  @State private var isVisible = true
  var body: some View {
    VStack {
      if isVisible {
        Text("Hello World")
          .transition(.opacity)
      }
      Button("Toggle") {
        withAnimation {
          isVisible.toggle()
        }
      }
    }
  }
}

A The text slides in from the left when toggled.

B The text disappears or appears instantly without animation.

C The app crashes because transition is missing an animation.

D The text fades out or in smoothly when toggled.

💡 Hint

Think about what withAnimation does to state changes in SwiftUI.

withAnimation wraps state changes to animate any view changes that support animation, such as opacity transitions. So the text fades smoothly.

❓ lifecycle

intermediate

How does withAnimation affect state changes in SwiftUI?

Which statement best describes the effect of wrapping a state change inside withAnimation in SwiftUI?

A It disables animations for the state change.

B It animates all view changes caused by that state change if they support animation.

C It delays the state change until the animation completes.

D It only animates changes to text views.

💡 Hint

Think about what withAnimation is designed to do.

withAnimation triggers animations for all animatable view changes caused by the state change inside its closure.

📝 Syntax

advanced

Identify the correct use of withAnimation with a custom animation

Which code snippet correctly applies a spring animation to a state change using withAnimation?

A withAnimation(.spring) { isExpanded.toggle() }

B withAnimation(spring) { isExpanded.toggle() }

C withAnimation(.spring()) { isExpanded.toggle() }

D withAnimation(Animation.spring) { isExpanded.toggle() }

💡 Hint

Remember how to call the spring animation modifier.

The correct syntax uses .spring() with parentheses to create the spring animation instance.

🔧 Debug

advanced

Why does this withAnimation block not animate the view change?

Given this code, why does the view change happen instantly without animation? struct ContentView: View { @State private var show = false var body: some View { VStack { if show { Text("Animated Text") } Button("Toggle") { withAnimation { show = !show } } } } }

A The Text view lacks a transition modifier to animate insertion/removal.

B The Button action is outside the withAnimation block.

C The state variable show is not marked with @State.

D withAnimation only works with opacity changes, not view insertion.

💡 Hint

Think about what triggers animation for views appearing or disappearing.

Without a transition modifier, SwiftUI cannot animate the view's insertion or removal, so it happens instantly.

🧠 Conceptual

expert

What is the effect of nesting multiple withAnimation blocks in SwiftUI?

Consider this code: withAnimation(.easeIn) { withAnimation(.spring()) { isActive.toggle() } } Which animation will SwiftUI apply to the state change?

A The inner withAnimation (.spring()) overrides the outer, so spring animation is used.

B The outer withAnimation (.easeIn) overrides the inner, so easeIn animation is used.

C Both animations run simultaneously, mixing effects.

D No animation runs because nesting withAnimation is invalid.

💡 Hint

Think about which animation takes precedence in nested blocks.

The innermost withAnimation block determines the animation applied to the state change.