Как установить размер для FloatingActionButton - программирование
Подтвердить что ты не робот

Как установить размер для FloatingActionButton

Я пытаюсь установить размер для FloatingActionButton во флаттере, я хочу установить width/height, я имею в виду, сделать кнопку больше, я искал круглую кнопку, но единственной, которую я получил, была эта, так что, Я начал работать с этим, но мне нужно немного больше.

4b9b3361

Ответ 1

Используйте Container где вы можете указать width и height, затем используйте RawMaterialButton, например:

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: (){},
  );

Ответ 2

оберните ваш FAB с помощью FittedBox внутри Container или SizedBox а затем измените его ширину и высоту.

пример:

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

enter image description here

Ответ 3

Используйте SizedBox

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

Ответ 4

Вы можете обернуть свою кнопку Transform.scale():

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