浮动按钮不改变位置

Question

我无法弄清楚如何将浮动按钮固定在正确的位置。

我尝试了几件事，但都没有成功。

这是现在的样子。

和代码

Widget myButtonTest(MediaQueryData mediaQuery){
  Widget child;
  if (widget.button == "video"){
  return Column(
        children: <Widget>[
        Center(
        child: Padding(
          padding: const EdgeInsets.only(top: 80.0),
          child: ClipPath(
            child: Container(
              child:AspectRatio(
                  aspectRatio: 1,
                  child: VideoPlayer(_controller),
                )
            ),
            clipper: BottomWaveClipper(),
          ))),
FloatingActionButton(
              onPressed: () {
                setState(() {
                  _controller.value.isPlaying
                      ? _controller.pause()
                      : _controller.play();
                });
              },
              child:Icon(
                Icons.play_arrow,
                color: Colors.red,
                size: 32.0,
              ),
              backgroundColor: Colors.white,
            ),
          
        ]
        );
        }
return Container(child: child);
}

这就是我想要按钮的地方。

Answer 1

尝试用 padding 包裹浮动操作按钮，并将 padding 设为：

padding: const EdgeInsets.fromLTRB(0,0,0,100),

还要确保填充位于浮动操作按钮上，如下所示：

Padding(
      padding: const EdgeInsets.fromLTRB(0,0,0,100),
      child: FloatingActionButton(