increase size of floating action button flutter

在Flutter中,可以通过调整 FloatingActionButton 的大小来增加其尺寸。你可以使用 SizedBox Container 将其包装,并指定所需的宽度和高度。例如,下面的代码将 FloatingActionButton 的大小增大了一倍(56个逻辑像素变为112个逻辑像素):

SizedBox(
  width: 112,
  height: 112,
  child: FloatingActionButton(
    onPressed: () {},
    child: Icon(Icons.add),

也可以直接在FloatingActionButton中使用widthheight属性来设置其大小,示例如下:

FloatingActionButton(
  onPressed: () {},
  child: Icon(Icons.add),
  backgroundColor: Colors.red,
  elevation: 0,
  shape: CircleBorder(),
  heroTag: null,
  mini: false,
  clipBehavior: Clip.none,
  materialTapTargetSize: MaterialTapTargetSize.padded,
  // 设置大小
  width: 112,
  height: 112,

需要注意的是,过大的FloatingActionButton可能对用户造成不适,因此应谨慎使用。

  •