Skip to content

Application Master/Detail

Objectif : Créer une application Master/Detail affichant une liste de couleurs avec vue détaillée.

Spécifications :

  • Affichage de la liste Colors.primaries
  • Navigation vers un écran de détail
  • Interface Master/Detail responsive

Application couleurs

Code de départ :

final colors = Colors.primaries;

Architecture de l’application :

L’application Flutter suit une architecture en arbre de widgets :

Architecture Flutter

Types de widgets à utiliser :

  • StatelessWidget : Pour les éléments immutables
  • StatefulWidget : Pour les éléments avec état modifiable

Cycle de vie du State :

  • initState() : Initialisation une seule fois
  • didChangeDependencies() : Changement des dépendances héritées
  • build(BuildContext) : Rendu du widget (appelé à chaque setState)
  • setState(VoidCallback) : Déclenche le rafraîchissement
  • didUpdateWidget() : Propriétés du widget changées
  • dispose() : Nettoyage avant destruction

Exemple interactif du cycle de vie