FloatingActionButton末端对齐剪切图标

Question

我将FloaatingActionButton放置在末尾（我希望右下角对齐），但不幸的是，它离右侧太远了，底部的一部分被边距切除了

            Row(
              mainAxisAlignment: MainAxisAlignment.end,
              children: <Widget>[
                FloatingActionButton(
                  onPressed: displayDialog,
                  child: Icon(
                    Icons.queue_music,
                  ),
                  foregroundColor: Colors.white,
                  backgroundColor: Colors.red[900],
                )
              ],
            ),

如何添加一些间距并避免这种重叠？

Answer 1

在FAB右边有一定边距后，在小部件中将容器添加为行的子级

   Row(
          mainAxisAlignment: MainAxisAlignment.end,
          children: <Widget>[
            FloatingActionButton(
              onPressed: displayDialog,
              child: Icon(
                Icons.queue_music,
              ),
              foregroundColor: Colors.white,
              backgroundColor: Colors.red[900],
            ),
             Container(
               margin: EdgeInsets.only(right: someMargin),
             ),
          ],
        ),