flutter 将 floatingActionButton 向上移动 50 像素

Question

是否可以将 floatingActionButton 向上移动 50 像素？

我在使用 firebase_admob 的应用程序中有一个 floatingActionButton，广告横幅重叠在 floatingActionButton 之上。

如何将floatingActionButton设置为距屏幕底部50像素？

从 floatingActionButton 的 documentation 我似乎无法找出按钮的位置。

Answer 1

很简单。

class Test extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Container(),
      floatingActionButton: Align(
          child: FloatingActionButton(onPressed: null),
          alignment: Alignment(1, 0.7)),
    );
  }
}

使用对齐，因为在 Flutter 中一切都是 Widget。

Answer 2

将您的 FloatingActionButton 包裹在填充物中并添加您想要的尺寸：

    floatingActionButton: Padding(
            padding: const EdgeInsets.only(bottom: 50.0),
            child: FloatingActionButton(
              child: Icon(Icons.remove),
              onPressed: () => null,
            ),
          ),

flutter 将 floatingActionButton 向上移动 50 像素

flutter move floatingActionButton up 50 pixels

flutter

flutter-layout