Junior
Qu'est-ce qu'un widget Container dans Flutter et quelles sont ses propriétés principales?
sobes.tech IA
Réponse de l'IA
Container — c'est un widget pratique que l'on peut utiliser pour ajouter des dégradés, des marges, des bordures, des fonds et des transformations à d'autres widgets.
Propriétés principales :
alignment: Aligne le widget enfant à l'intérieur du conteneur.padding: Espacement intérieur entre la bordure du conteneur et son contenu.color: Couleur de fond du conteneur.decoration: Permet de définir des décorations plus complexes, telles que des dégradés, des ombres, des coins arrondis et des images de fond. Lors de l'utilisation de decoration, la propriété color ne peut pas être utilisée séparément.foregroundDecoration: Décoration dessinée au-dessus du widget enfant.width: Largeur du conteneur.height: Hauteur du conteneur.constraints: Contraintes supplémentaires de taille pour le conteneur.margin: Marges extérieures autour du conteneur.transform: Applique une transformation au conteneur et à son contenu.child: Widget qui est l'enfant du conteneur.
Exemple d'utilisation :
Container(
padding: const EdgeInsets.all(16.0), // Espacement intérieur
margin: const EdgeInsets.symmetric(vertical: 10.0), // Marges extérieures
decoration: BoxDecoration( // Décoration avec couleur de fond et coins arrondis
color: Colors.blue,
borderRadius: BorderRadius.circular(10.0),
),
child: const Text( // Widget enfant
'Hello, Container!',
style: TextStyle(color: Colors.white),
),
);