更改 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 中，槽口大小会相应调整。

Answer 2

Container(
          height: 46.0,
          width: 46.0,
          child: FittedBox(
            child: FloatingActionButton(
              onPressed: () {
                 "your code"
              },
              child: Icon(Icons.arrow_forward_ios),
              backgroundColor: PrimaryColor,
            ),
          ),
        ),

更改 FloatingActionButton 的大小

Change size of FloatingActionButton

material-design

floating-action-button

flutter