具有透明背景的 Flutter BottomNavigationBar

Question

我正在尝试构建一个没有背景（透明）的 BottomNavigationBar 和 Float Action Button Layout sample 大佬们可以帮忙布置一下吗？谢谢

Answer 1

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

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

Answer 2

要使背景在 BottomNavigationBar 下延伸​​您应该设置：

extendBody: true

作为 BottomNavigationBar 中的 属性。