为啥我的 Flutter 应用中的 FAB 很大?

Posted

技术标签:

【中文标题】为啥我的 Flutter 应用中的 FAB 很大?【英文标题】:Why the size of the FAB in my flutter app is big?为什么我的 Flutter 应用中的 FAB 很大? 【发布时间】:2019-08-03 04:45:48 【问题描述】:

我尝试在我的 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: () ),
          ),
        ];
      
    

【问题讨论】:

签出这个答案***.com/a/57799206/10409567 【参考方案1】:

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

Here some information

希望对你有帮助。

【讨论】:

【参考方案2】:

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

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

【讨论】:

以上是关于为啥我的 Flutter 应用中的 FAB 很大?的主要内容,如果未能解决你的问题,请参考以下文章

在 Flutter 中使用具有不同选项卡的不同 FAB,并在它们之间滑动时更改按钮?

Flutter - 滑动时隐藏 FAB 按钮

为啥我的 Flutter 应用的列表视图滚动不如 Flutter Gallery 应用流畅?

Flutter基础widgets教程-FloatingActionButton篇

为啥我的 Flutter 应用程序在执行时没有构建?

为啥 Flutter 编译器告诉我我的应用程序不存在?