我已经添加了一个 BottomAppBar
来在 materialApp 中搭建脚手架,并且我在中心添加了一个带有插图的 fab。代码看起来有点像这样
Scaffold(
bottomNavigationBar: BottomAppBar(
color: Theme.of(context).accentColor,
shape: CircularNotchedRectangle(),
child: _buildBottomBar(context),
),
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
floatingActionButton: FloatingActionButton(
backgroundColor: Theme.of(context).primaryColor,
child: Center(
child: Icon(
Icons.add,
size: 32.0,
),
),
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => CreateEvent()),
);
},
),
)
这就是我在渲染后得到的:
缺口不透明,后面的内容被隐藏了。
有没有办法解决这个问题?我可能错过了什么?
最佳答案
你只需要在flutter channel :master,然后添加到Scaffold:
Scaffold(
extendBody: true
);
它应该是透明的:)
问候
钢筋
更新:
您无需在主 channel 上。它无处不在:)
关于flutter - BottomAppBar float 操作按钮缺口/插图不透明,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52592588/
相关文章:
dart - 执行 POST 请求时如何解决 Flutter CERTIFICATE_VERIFY_
android - Flutter dart 调试器断点停止工作
flutter - 在 flutter 应用程序中保存 jwt token 的最佳方法是什么?
dart - 如何在 Flutter 中绘制自定义圆角矩形边框(ShapeBorder)?
git - 如何解决 Flutter 上的 "Unable to find git in your
dart - InheritedWidget - 在 navigator.push 之后在 null