Flutter : Suppression du rembourrage dans les boutons - FlatButton, ElevatedButton, OutlinedButton

Question

Je cherche à supprimer la marge par défaut du bouton plat, mais je ne parviens pas à la définir ou à la remplacer.

Column(children: <Widget>[
      Container(
          children: [
            FractionallySizedBox(
              widthFactor: 0.6,
              child: FlatButton(
                  color: Color(0xFF00A0BE),
                  textColor: Color(0xFFFFFFFF),
                  child: Text('LOGIN', style: TextStyle(letterSpacing: 4.0)),
                  shape: RoundedRectangleBorder(side: BorderSide.none)))),
      Container(
          margin: const EdgeInsets.only(top: 0.0),
          child: FractionallySizedBox(
              widthFactor: 0.6,
              child: FlatButton(
                  color: Color(0xFF00A0BE),
                  textColor: Color(0xFF525252),
                  child: Text('SIGN UP',
                      style: TextStyle(
                          fontFamily: 'Lato',
                          fontSize: 12.0,
                          color: Color(0xFF525252),
                          letterSpacing: 2.0)))))
    ])

Je suis tombé sur des choses comme ButtonTheme et même debugDumpRenderTree() mais je n'ai pas été capable de les mettre en œuvre correctement.

Answer 1

Utilisez EdgeInsetsGeometry padding

padding nous permet de spécifier le remplissage de l'enfant interne de FlatButton. Ici, l'enfant interne est le widget Text.

FlatButton(
  padding: EdgeInsets.all(5),
  child: Text('Flat Button'),
)

Answer 2

J'ai été confronté à la même chose, il y a un rembourrage horizontal à l'intérieur de l'image. RawMaterialButton Widget Je n'en ai pas besoin.

J'ai résolu le problème de cette façon :

RawMaterialButton(
  onPressed: () {

  },
  child: Container(
     child: Row(
        children: [
            // Any thing you want to use it. Column or Container or any widget.
        ],
     ),
   ),
),