如何固定floatingactionbutton位置

Posted 2023-05-11

参考技术A FloatingActionButton属于android.support.design.widget包下的控件,向下兼容支持至Android2.2平台,所以4.x肯定也没问题。

如何在 Flutter 中的 FloatingActionButton 之间给出间隙？

【中文标题】如何在 Flutter 中的 FloatingActionButton 之间给出间隙？

【英文标题】：How to give gaps between FloatingActionButton in Flutter?

【发布时间】：2020-08-28 13:53:02

【问题描述】：

我刚刚开始使用颤振，不知道我应该如何在这 2 个 FloatingActionButton 之间留出空隙

 Widget abcde = Container(
  child: Row(
    children: <Widget>[
      Expanded(
          child: Container(
            margin: EdgeInsets.symmetric(horizontal: 20.0),
            child: Row(
              children: <Widget>[
                FloatingActionButton(
                    backgroundColor: Colors.blue,
                    onPressed: (),
                    child: Icon(Icons.call)),
                FloatingActionButton(
                    backgroundColor: Colors.blue,
                    onPressed: (),
                    child: Icon(Icons.call)),
              ],
            ),
          )
      ),
    ],
  ),
);

【问题讨论】：

这能回答你的问题吗？ Space between Column's children in Flutter

【参考方案1】：

有很多方法可以解决这个问题：

将mainAxisAlignment: MainAxisAlignment.spaceEvenly, 或其他间距选项添加到Row 小部件。 用Container 包裹你的FloatingActionButtons 并添加边距/填充，或者直接用Padding/Margin 小部件包裹它们。 在两者之间添加一个小部件，例如Container/SizedBox/Spacer

我推荐1：

Row(
    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
    children: <Widget>[
      //Fab 1,
      //Fab 2
    ]
),

【讨论】：

太棒了！乐于助人：D

【参考方案2】：

添加大小框。

 FloatingActionButton(
            backgroundColor: Colors.blue,
            onPressed: () ,
            child: Icon(Icons.call)),
        SizedBox(
          width: 10,
        ),
        FloatingActionButton(
            backgroundColor: Colors.blue,
            onPressed: () ,
            child: Icon(Icons.call)),

【讨论】：

如果有用，请标记我的答案。