如何将大小设置为FloatingActionButton

Posted 2021-05-03

我试图将一个大小设置为一个飘动的FloatingActionButton，我想设置宽度/高度，我的意思是，让按钮更大，我正在寻找一个圆形按钮，但我唯一得到的就是这个，所以，我开始使用它，但我需要它更大一些。

我将不胜感激任何反馈。

答案

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

另一答案

用FittedBox或Container中的SizedBox包裹你的FAB，然后改变它的宽度和高度。

例如：

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

另一答案

使用SizedBox

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

另一答案

您可以使用Transform.scale()小部件包装您的按钮：

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