material-design - 更改 FloatingActionButton 的大小

Question

如何更改 FloatingActionButton 的大小？

我试过增加图标的大小，但它不会影响周围的圆形。我也试过将按钮包装在 PreferredSize 小部件中，但这没有效果。

Answer 1

将 FloatingActionButton 包裹在 Container 中，指定宽度和高度。

您可以覆盖图标的大小以使其看起来更自然:

Container(
  width: 80.0,
  height: 80.0,
  child: FloatingActionButton(
    onPressed: () {},
    child: Icon(
      Icons.add,
      size: 30.0,
    ),
  ),
);

我很高兴地发现，如果您将此按钮嵌入到 BottomAppBar 中，槽口大小会相应调整。