更改 FloatingActionButton 的大小

Question

如何更改 a 的大小FloatingActionButton？

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

Answer 1

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

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

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

我很高兴地发现，如果您将此按钮嵌入到BottomAppBar.