flutter - 如何自定义底部导航栏项目而不是创建自定义底部导航栏

Question

我有以下底部导航条代码：

bottomNavigationBar: BottomNavigationBar(
            currentIndex: cubit.currentIndex,
            onTap: (index) {
              cubit.changeBottomNavIndex(index);
            },
            items: [
              BottomNavigationBarItem(
                  icon: Icon(IconBroken.Home), label: 'Home'),
              BottomNavigationBarItem(
                  icon: Icon(IconBroken.Chat), label: 'Chat'),
              BottomNavigationBarItem(
                  icon: Icon(IconBroken.Paper_Upload,), label: 'Post'),
              BottomNavigationBarItem(
                  icon: Icon(IconBroken.Location), label: 'Location'),
              BottomNavigationBarItem(
                  icon: Icon(IconBroken.Setting), label: 'Settings'),
            ],
          ),

这是下图：

所以我想知道是否有办法bottom navigation bar item只自定义中间，而不是创建一个Navigation bottom bar看起来像Floating action button...

或者我将创建一个新的自定义？

我希望有人可以帮助我:)...

标签： flutterdart

Answer 1

我们有很多关于底部导航栏的定制小部件。您可以使用具有与您匹配的样式的persistent_bottom_nav_bar