Dev Faq
0
votes

Comment puis-je faire une taille de bouton plat car sa taille de l'enfant

Je veux faire la taille du bouton comme la taille de l'enfant du texte Je vais joindre un exemple de photo, et je vais attacher le code que j'écris

Ceci est mon code: xxx

et c'est la photo Photo

3 commentaires

Ajouter un parent SIZBOX.EXPAND , donc la hiérarchie est la suivante: SIZBOX.EXPAND > Flatbutton > Texte

THX pour votre réponse, mais j'ai cette erreur lors de l'application de votre solution 'BoxConstraints oblige une hauteur infinie. "

Je pense que vous pouvez utiliser "RAWMaterialButton".

4 Réponses :

0
votes

Votre question me déroute, je ne suis pas sûr de savoir si vous souhaitez que votre bouton aussi gros que l'enfant du parent (comme vous l'avez dit dans le titre), ou si vous le souhaitez aussi gros que le texte > Enfant (comme vous l'avez dit dans la description de votre question).

Si ce que vous voulez, c'est le bouton pour être aussi gros que le parent , envisagez d'utiliser Layoutbuilder et SIZEBOX Pour faire le bouton aussi important que l'espace environnant disponible. Vous pouvez faire quelque chose comme ceci: xxx

si vous voulez que le bouton soit aussi gros que son enfant enfant , je pense que vous n'avez pas besoin de souciez de tout autre que de fournir le widget du texte . Flatbutton Trouvera sa taille en conséquence.

1 commentaires

Je suis désolé de vous déranger et merci de votre réponse, je modifie ma question, j'ai besoin de rendre la taille de la forme du bouton identique à la taille du texte à l'intérieur du bouton ,

0
votes 
GestureDetector{
onTap:(){},
child:Container(
child:Material(
shape:RoundRectangleBorder()
child:Center(
child:'Text')))
}
You can use properties of Material widget this way. If you don't provide height to container it will adjust to the child size. i.e. text size
1 commentaires

Merci pour votre réponse ou une solution ne permet pas de régler la largeur de l'enfant, j'ai besoin de rendre la hauteur et la largeur du bouton, identique au texte à l'intérieur ,

0
votes

Essayez ceci pour la fonction de bouton: 

Expanded(
//Modify below factor as your requirement
  flex: 1,
  child: InkWell(
      onTap: () {},
      child: Container(
      alignment: Alignment.center,
//Modify width,height as your requirement
      height: double.infinity,
      width:double.infinity,
      decoration: BoxDecoration(
      borderRadius: BorderRadius.circular(30),
      color: Colors.blueAccent.withAlpha(30),
        ),
     child: Text('SHOP',
           style: TextStyle(
           color: Colors.blue,
           fontWeight: FontWeight.bold,
           fontSize: 20)),
          ),
        )),

0 commentaires
1
votes

Que diriez-vous de cela? 

RawMaterialButton(
  constraints: BoxConstraints(),
  padding: EdgeInsets.fromLTRB(14, 4, 14, 4),
  elevation: 0,
  onPressed: () {},
  fillColor: Color(0xFFF2F2F2),
  shape: StadiumBorder(),
  child: Text(
    'SHOP',
    style: TextStyle(
      color: Colors.blueAccent,
      fontWeight: FontWeight.bold,
      fontSize: 16,
    ),
  ),
),

0 commentaires

Articles qui pourrait vous intéresser :

Classe non définie 'AuthResult' dans Flutter
Sérialisation JSON Flutter - Ne génère pas de fichiers * .g.dart
Comment avoir l'effet d'entraînement de cercle sur un IconButton?
Comment puis-je activer les expériences de langage Flutter / Dart?