0PricingLogin
Flutter Mobile Development · Lesson

Explicit Animations & Heroes

Master explicit animations with `AnimationController` and `Tween`s, and create captivating shared-element transitions with Hero widgets.

Intro to Explicit Animations

Welcome to explicit animations! Unlike implicit animations (which animate automatically when properties change), explicit animations give you full control.

You define how and when an animation runs, its duration, and its curve. This is powerful for complex, custom effects.

AnimationController: The Conductor

At the heart of explicit animations is the AnimationController. Think of it as the conductor of an orchestra, managing the animation's playback.

  • It generates a new value every frame.
  • It controls the animation's duration.
  • It can be forwarded, reversed, or repeated.

It needs a TickerProviderStateMixin to synchronize with the screen refresh rate.

All lessons in this course

  1. CustomPainter & Canvas
  2. Implicit Animations
  3. Explicit Animations & Heroes
  4. Staggered & Physics-Based Animations
← Back to Flutter Mobile Development