Built-in AnimatedWidget

Flutter ships with few built-in animated widgets. They are derived from AnimatedWidget class. They are named as FooTransition where Foo is the name of non-animated version of that widget or is the name of a animation. Commonly used animated widgets include:

  1. AnimatedBuilder: The widget AnimatedBuilder is derived from AnimatedWidget. This widget violates the naming convention.
  2. AlignTransition: which is an animated version of Align.
  3. DecoratedBoxTransition: which is an animated version of DecoratedBox.
  4. DefaultTextStyleTransition: which is an animated version of DefaultTextStyle.
  5. PositionedTransition: which is an animated version of Positioned.
  6. RotationTransition: which animates the rotation of a widget.
  7. ScaleTransition: which animates the scale of a widget.
  8. SizeTransition: which animates its own size.
  9. SlideTransition: which animates the position of a widget relative to its normal position.
  10. FadeTransition: which is an animated version of Opacity.
  11. AnimatedModalBarrier: which is an animated version of ModalBarrier.

The above listed widgets are derived from AnimatedWidget. These class requires a Animation<T>(Listenable) object through their specific property. They use this Animation object to update their child whenever the Animation object changes their values. These are done by the widget itself. You have the full control of the animation, like using the animation object you can stop an animation or resume an animation.