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

Question

我只是开始颤抖，而不是要如何在这2个FloatingActionButton之间留出空隙

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

Answer 1

添加SizedBox。

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

Answer 2

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

向mainAxisAlignment: MainAxisAlignment.spaceEvenly,小部件添加Row或其他间距选项。
1. 用FloatingActionButtons包装Container并添加边距/边距，或直接用Padding / Margin小部件包装。
2. 在它们之间添加小部件，例如Container /SizedBox/ Spacer

我推荐1：

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