CardLayout
16/01/2026Environ 2 minGuide
CardLayout
Description :
Cette carte permet d'uniformiser l'apparence des cartes de chaque module. La forme est fixe, mais la couleur peut changer.
Utilisation :
Utilisation fréquente (34 fois).
Ce Widget est à utliser dans les page où on doit afficher une carte d'un objet.
Paramètres :
child (Widget)obligatoire : Le contenu du bouton (Ex: un Text)color (Color)obligtoire : La couleur de fond du boutoncolors (Color)optionel : Si donné, le fond du bouton sera un gradient avec colors comme couleur.shadownColor (Color)optionel : Si donnée, la couleur de la shadowborderColor (Color)optionel : Si donné, la couleur de la bordurewidth (double)optionel : La largeur de la carteheight (double)optionel : La hauteur de la carteid (String)optionel : Si précisé, avec l'id de l'objet dont on fait la carte, et si un page accessible depuis la page où ce Widget existe contient également un CardLayout avec le même id (d'où l'idée d'utiliser l'id de l'objet), alors la carte aura une animation de transition entre les deux pages (quelque soit la forme du child des deux pages)padding (EdgeInsetsGeometry)optionel : L'espace entre la carte et son enfantmargin (EdgeInsetsGeometry)optionel : L'espace entre la carte et son parent
Exemple :
delivery_handler.dart
CardLayout(
height: 160,
width: 100,
shadowColor: AMAPColorConstants.textDark.withOpacity(0.2),
child: const Center(
child: HeroIcon(
HeroIcons.plus,
color: AMAPColorConstants.textDark,
size: 50,
),
),
)