title: Floating button not changing positioned
body: <p>I'm having trouble in figuring out how to fix a floating button in the right place.</p>
  <p>I've tried several things, but without success.</p>
  <p>This is how It's currenlty looking.</p>
  <p><a href="https://i.imgur.com/GMLgFoU.png" rel="nofollow noreferrer"><img src="https://i.imgur.com/GMLgFoU.png" alt="https://i.imgur.com/GMLgFoU.png" /></a></p>
  <p>and the code</p>
  <pre><code>Widget myButtonTest(MediaQueryData mediaQuery){
    Widget child;
    if (widget.button == &quot;video&quot;){
    return Column(
          children: &lt;Widget&gt;[
          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);
  }
  </code></pre>
  <p>And this is where I want the button.</p>
  <p><a href="https://i.stack.imgur.com/DOJtN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DOJtN.png" alt="enter image description here" /></a></p>