Animations guide

When & Which Animation?

Implicit Animation

• built-in implicit animation widget: ⏩ look for widgets named AnimatedFoo where “Foo” is the property you want to animate, such as AnimatedOpacity. Also check AnimatedContainer as it is an extremely powerful and versatile widget for many different implicit animations.
  • AnimatedFoo are actually made up of animated Transform widgets
• TwinAnimationBuilder: ⏩ to create a custom implicit animation
  • `TwinAnimationBuildercan makes use ofTransform.\_\_ to create animations

---

Explicit Animation

• require AnimationController Must be in a Statefull Widget

• Built-in Explicit Animation: ..Transition like SizeTransition, FadeTransition, SlideTransition, etc.
• If we want a standalone custom explicit animation, you should ⏩ extend AnimatedWidget
• AnimatedBuilder: ⏩ for everything else

---

tip

Resources:

docs: https://api.flutter.dev/flutter/widgets/ImplicitlyAnimatedWidget-class.html

• https://docs.flutter.dev/development/ui/animations/implicit-animations

Understanding Motion: From Motion Design Specs To Flutter Code