Hero

Avant la seance

Lisez la doc Flutter sur le widget Hero et la page sur les animations implicites pour comprendre comment Flutter gere les animations sans AnimationController.

Clonez et ouvrez le code de demo dans code/hero. Cherchez les TODO dans le code pour voir ou placer les Hero et comment choisir les tag.

Seance

• Rappel: une transition Hero fait voler un widget entre deux routes partageant le meme tag.
• Comment entourer une image ou un widget avec Hero et naviguer avec Navigator.push / pop.
• Comment gerer plusieurs Hero dans une liste (utiliser des tag uniques) et eviter les clignotements avec placeholderBuilder.
• Personnaliser l'animation avec flightShuttleBuilder ou des Tween sur la cible.

Exercices

Pas d'exercice, implémentez les Hero dans votre travail pratique pour la transition de l'écran d'accueil vers les détails.