flutter - 为什么我的 Flutter 应用中的 FAB 很大？

Question

我试图在我的 PhotoViewer（计划）中添加一些标记作为浮动按钮，以便以后使用它们！但是 IDK 为什么按钮显示得这么大，一定是！

class _MyHomePageState extends State<MyHomePage> {[enter image description here][1]
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(),
          body: plan(),
          floatingActionButton: FloatingActionButton(child: Icon(Icons.add), onPressed: () {}),
        );
      }
    
      Widget plan() {
        return PhotoView.customChild(
          child: Stack(
            children: widgets(),
          ),
          childSize: const Size(250.0, 220.0),
          minScale: PhotoViewComputedScale.contained,
          maxScale: PhotoViewComputedScale.covered * 1.8,
          initialScale: PhotoViewComputedScale.contained * 0.5,
        );
      }
    
      List<Widget> widgets() {
        return [
          Container(
            decoration: new BoxDecoration(
              image: new DecorationImage(
                image: new AssetImage("data_repo/img/bg1.jpg"),
                fit: BoxFit.cover,
              ),
            ),
          ),
          Center(
            child: FloatingActionButton(child: Icon(Icons.add), onPressed: () {}),
          ),
        ];
      }
    }

Answer 1

我不知道原因，但我设法像这样调整按钮的大小：

Transform.scale(
  scale : 0.5,
  child : FloatingActionButton(child: Icon(Icons.add), onPressed: () {}),
),

Answer 2

如果你想使用更小的 FAB，你可以将 mini 属性设置为 true 并且它会改变它。

这里有一些信息

希望能帮助到你。