GridView

Le widget GridView est utilisé pour afficher une grille défilable d'éléments dans une direction donnée, généralement verticalement ou horizontalement. Il est similaire au widget ListView, mais affiche les éléments dans une grille plutôt que dans une liste linéaire. Voici un exemple d'utilisation du widget GridView :

GridView.count(
  crossAxisCount: 2, // Nombre de colonnes dans la grille
  children: <Widget>[
    Container(
      color: Colors.red,
      child: Center(child: Text('Élément 1')),
    ),
    Container(
      color: Colors.green,
      child: Center(child: Text('Élément 2')),
    ),
    // Ajouter d'autres conteneurs pour plus d'éléments
  ],
)

Quelques propriétés

Voici quelques propriétés couramment utilisées avec le widget GridView :

  • scrollDirection : Cette propriĂ©tĂ© dĂ©finit la direction dans laquelle la grille doit dĂ©filer, soit Axis.vertical pour un dĂ©filement vertical (par dĂ©faut), soit Axis.horizontal pour un dĂ©filement horizontal.

  • gridDelegate : Cette propriĂ©tĂ© dĂ©finit la disposition de la grille, telle que le nombre de colonnes dans la grille (SliverGridDelegateWithFixedCrossAxisCount pour un nombre fixe de colonnes) ou la taille des Ă©lĂ©ments (SliverGridDelegateWithMaxCrossAxisExtent pour une taille maximale des Ă©lĂ©ments).

  • shrinkWrap : Cette propriĂ©tĂ© dĂ©finit si le GridView doit rĂ©duire sa taille pour s'adapter au contenu ou occuper toute la hauteur disponible. Elle est souvent utilisĂ©e avec GridView dans un Column pour Ă©viter les erreurs de dĂ©bordement.

  • padding : Cette propriĂ©tĂ© dĂ©finit la marge intĂ©rieure de la grille, qui est l'espace entre les bords de la grille et ses enfants.

  • physics : Cette propriĂ©tĂ© dĂ©finit le comportement de dĂ©filement de la grille, comme la façon dont elle rebondit en fin de grille. Vous pouvez utiliser des classes comme AlwaysScrollableScrollPhysics, BouncingScrollPhysics, ClampingScrollPhysics, etc.

  • controller : Cette propriĂ©tĂ© vous permet de contrĂ´ler le dĂ©filement de la grille en utilisant un ScrollController. Cela peut ĂŞtre utile pour faire dĂ©filer la grille vers un Ă©lĂ©ment spĂ©cifique ou pour Ă©couter les Ă©vĂ©nements de dĂ©filement.

Last updated