首页 > 解决方案 > 浮动按钮不改变位置

问题描述

我无法弄清楚如何在正确的位置修复浮动按钮。

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

这就是它现在的样子。

https://i.imgur.com/GMLgFoU.png

和代码

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);
}

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

在此处输入图像描述

标签: flutterdart

解决方案


尝试用填充包裹浮动操作按钮,并让填充为:

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

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

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

推荐阅读