Flutter heeft krachtige, flexibele animatie-ondersteuning — van eenvoudige impliciete animaties tot volledig gecontroleerde expliciete animaties. Animaties verbeteren de UX met vloeiende overgangen en beweging, en Flutter's widget-gebaseerde systeem maakt ze toegankelijk.
Impliciete animaties (de gemakkelijke manier)
// implicitly-animated widgets animate AUTOMATICALLY when their properties change
AnimatedContainer(
duration: Duration(milliseconds: 300),
width: _expanded ? 200 : 100, // change width → it animates smoothly
height: _expanded ? 200 : 100,
color: _expanded ? Colors.blue : Colors.red,
)
// just change the value (with setState) → Flutter animates the transition
// others: AnimatedOpacity, AnimatedPadding, AnimatedPositioned, etc.
Impliciete animaties (, , enz.) animeren automatisch wanneer hun eigenschappen veranderen — de gemakkelijkste manier om animatie toe te voegen.
