在第一张图片中进行布局
Scaffold(
resizeToAvoidBottomInset: false,
floatingActionButton: floatingBtn(context),
bottomNavigationBar: bottomNavigationBar(context),
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
)
注意:我刚刚提供了主要属性,您可以根据需要设计小部件
这是BottomAppBar代码
BottomAppBar(
notchMargin: 11,
surfaceTintColor: Colors.red,
shape: CircularNotchedRectangle(),
child: Row(
children: [
],
),
)
用于第二张图片中的设计 您可以使用这里的任何插件 或者您可以创建自定义浮动操作按钮,这里是自定义 fab 的示例