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), soitAxis.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 avecGridView
dans unColumn
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