Flutter 底部导航栏应该是透明的答案

【问题标题】：Flutter Bottom Navigation Bar Should Be TransparentFlutter 底部导航栏应该是透明的
【发布时间】：2020-12-11 17:31:05
【问题描述】：

我想从底部导航中删除这种白色。我该怎么做？

这是我的底部导航条码：

class MyNavigation extends StatefulWidget {
  @override
  _MyNavigationState createState() => _MyNavigationState();
}

class _MyNavigationState extends State<MyNavigation> {
  int _currentIndex = 0;

  List<Widget> children = <Widget>[
    MyHomePage(),
    MyWallet(),
    MyNotification(),
    MyProfile(),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: children.elementAt(_currentIndex),
      bottomNavigationBar: CustomBottomNavigationBar(
        items: [
          CustomBottomNavigationBarItem(
            icon: Icons.home_filled,
            title: "Home",
          ),
          CustomBottomNavigationBarItem(
            icon: Icons.home_filled,
            title: "Directions",
          ),
          CustomBottomNavigationBarItem(
            icon: Icons.settings,
            title: "Settings",
          ),
        ],
        onTap: (index) {
          setState(
            () {
              _currentIndex = index;
            },
          );
        },
      ),
    );
  }
}

我使用的这个依赖： https://pub.dev/packages/custom_bottom_navigation_bar

【问题讨论】：

你试过 backgroundColor: Colors.transparent 吗？
当所选项目看起来与 FAB 完全一样时，用户体验非常糟糕......

标签： flutter bottomnavigationview

【解决方案1】：

不幸的是，有人刚刚将包上传到 pub.dev。作者已决定不将代码上传到 GitHub。正如您可能已经检查过的那样，该包没有公开属性以使图标图块上方的额外区域透明。您可以联系作者并获得编辑代码的权限，但是仍然需要重新编写大量代码。最好使用作者支持的替代包。

【讨论】：