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的大小

2 个答案: