居中浮动动作按钮

问题描述 投票:0回答:1

我确实陷入了一个问题,即我试图将FloatingActionButton居中放置在身体外部。当前代码如下:

@override   Widget build(BuildContext context) {
    return Scaffold(
      body: FutureBuilder(
        future: _initializeCameraControllerFuture,
        builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.done) {
            return CameraPreview(_cameraController);
          } else {
            return Center(child: CircularProgressIndicator());
          }
        },
      ),
        floatingActionButton: Container(
          height: buttonsize,
          width: buttonsize,
          child: FittedBox(
            child: FloatingActionButton(
              onPressed: () {

              },
              child: Icon(Icons.camera_alt),
              backgroundColor: Colors.transparent,
              elevation: 0.0,
              shape: CircleBorder(side: BorderSide(color: Colors.white.withOpacity(0.25),width: 2.0)),
            ),
          ),
        ),
      );
}

[FutureBuilder正在创建摄影机视图,并且应该将floatActionButton作为拍摄照片的按钮。

每次我尝试将alignment: Alignment.center,放在容器中居中,该容器还包含按钮的高度和宽度时,按钮未居中,并且没有应有的高度和大小有。

顶部的代码工作正常,但是按钮在右下角。

感谢您的所有回答!

flutter dart alignment floating-action-button
1个回答
0
投票

仅添加到Sage的答案中,请尝试以下操作:

Scaffold(
   floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
      body:...
),
© www.soinside.com 2019 - 2024. All rights reserved.