Flutter BottomNavigationBar 透明背景

【问题标题】：Flutter BottomNavigationBar with transparent backgroundFlutter BottomNavigationBar 透明背景
【发布时间】：2020-09-11 21:54:06
【问题描述】：

我正在尝试构建一个没有背景的底部导航栏和浮动操作按钮（透明） Layout sample 各位大佬能帮忙安排一下吗？谢谢。

【问题讨论】：

【解决方案1】：

要使背景在 BottomNavigationBar 下扩展，您应该设置：

extendBody: true

作为 BottomNavigationBar 中的属性。

【讨论】：

【解决方案2】：

您需要用主题小部件包裹底部导航栏，并尝试将画布颜色属性修改为透明，如下所示

child: Theme(
  data: Theme.of(context)
              .copyWith(canvasColor: Colors.transparent),
)

【讨论】：