1
votes

Impossible de définir la couleur d'arrière-plan sur Conteneur dans Flutter

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'),
              ),
             ),
          )

entrez la description de l'image ici

Quelqu'un peut-il vous aider? moi?


0 commentaires

3 Réponses :


0
votes

Utilisez la propriété padding au lieu de margin .


0 commentaires

0
votes

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.  This 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é


0 commentaires

0
votes

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'),
                ),
              ),
            ),
          )


0 commentaires