J'utilise le code ci-dessous pour définir la couleur d'arrière-plan sur noir pour le conteneur, mais cela ne s'affiche pas.
Align( alignment: Alignment.bottomCenter, child: Container( color: Colors.black, margin: EdgeInsets.only(left: 20, right: 20, bottom: 20, top: 10), height: 40, width: double.infinity, child: RaisedButton( textColor: Colors.white, color: Colors.blue[300], onPressed: () => null, child: Text('Next'), ), ), )
Quelqu'un peut-il vous aider? moi?
3 Réponses :
Utilisez la propriété padding
au lieu de margin
.
Je pense que le problème est que le RaisedButton a la taille du conteneur et c'est pourquoi vous ne voyez aucune couleur noire. Comme NetanZaf suggéré, vous pouvez utiliser un rembourrage pour que RaisedButton n'obtienne pas la taille du conteneur et vous verrez une couleur noire.
Voici le résultat du code suivant:
Align( alignment: Alignment.bottomCenter, child: Container( color: Colors.black, margin: EdgeInsets.only(left: 20, right: 20, bottom: 20, top: 10), padding : EdgeInsets.only(left: 10, right: 10, bottom: 10, top: 10), height: 40, width: double.infinity, child: RaisedButton( textColor: Colors.white, color:Colors.blue[300], onPressed: () => null, child: Text('Next'), ), ), ),
Vous pouvez modifier les valeurs pour obtenir le résultat souhaité
Solution simple: enveloppez-le dans le conteneur et donnez-lui la propriété color.
Container( color: Colors.black, child: Align( alignment: Alignment.bottomCenter, child: Container( margin: EdgeInsets.only(left: 20, right: 20, bottom: 20, top: 10), height: 40, width: double.infinity, child: RaisedButton( textColor: Colors.white, color: Colors.blue[300], onPressed: () => null, child: Text('Next'), ), ), ), )