Flutter má výkonný a flexibilní support animací — od jednoduchých implicitních animací až po plně kontrolované explicitní animace. Animace zlepšují UX hladkými přechody a pohybem, a systém Flutteru založený na widgetech je činí přístupnými.
Implicitní animace (snadný způsob)
// 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.
Implicitní animace (, atd.) se animují automaticky, když se jejich vlastnosti změní — nejjednodušší způsob, jak přidat animaci.
