web-dev-qa-db-fra.com

Comment définir la taille sur FloatingActionButton

J'essaie de définir une taille à FloatingActionButton dans le flutter, je veux définir width/height, je veux dire, agrandir le bouton, je cherchais une circulaire bouton, mais le seul que j'ai obtenu était celui-ci, alors, j'ai commencé à travailler avec cela, mais j'ai besoin d'un peu plus grand.

dartflutter
12
Joseph Arriaza

Utilisez un Container où vous pouvez spécifier width et height, puis utilisez un RawMaterialButton, comme ceci:

myFabButton = Container(
      width: 200.0,
      height: 200.0,
      child: new RawMaterialButton(
        shape: new CircleBorder(),
        elevation: 0.0,
        child: new Icon(
          icon: favorite,
          color: Colors.blue,
         ),
      onPressed: (){},
  );
12
dmarquina

encapsulez votre FAB avec un FittedBox à l'intérieur d'un Container ou SizedBox, puis modifiez sa largeur et sa hauteur.

exemple :

floatingActionButton: Container(
        height: 100.0,
        width: 100.0,
        child: FittedBox(
          child: FloatingActionButton(onPressed: () {}),
        ),
      ),

enter image description here

22
Raouf Rahiche

Utilisez un SizedBox

SizedBox(
  width: 200.0,
  height: 200.0,
  child: FloatingActionButton(
    onPressed: () {},
  ),
)
6
Amsakanna

Vous pouvez envelopper votre bouton avec un widget Transform.scale():

  floatingActionButton: Transform.scale(
    scale: 1.5,
    child: FloatingActionButton(onPressed: () {}),
  )
2
chemamolins