Animations

Implicit and explicit animations

Flutter provides both implicit (automatic) and explicit (controlled) animations. Explore each approach.

Click the box to see implicit animations

Tap me

AnimatedContainer

AnimatedOpacity

AnimatedPadding

AnimatedAlign

AnimatedScale

AnimatedContainer(
  duration: Duration(ms: 800),
  width: toggled ? 180 : 80,
  color: toggled ? sky : orange,
)

Widgets that animate automatically when a property changes. Just set the new value and duration.

20 / 35