Custom bottom navigation bar

A bottom navigation bar widget that is made to be customized

alt text alt text

How to use it?

Scaffold(
      bottomNavigationBar: CustomBottomNavigationBar(
        items: [
          CustomBottomNavigationBarItem(
            icon: Icons.map,
            title: "Map",
          ),
          CustomBottomNavigationBarItem(
            icon: Icons.near_me,
            title: "Directions",
          ),
          CustomBottomNavigationBarItem(
            icon: Icons.settings,
            title: "Settings",
          ),
        ],
      ),
    );

You can also add a parameter onTap (which returns current index) to control PageController:

onTap: (index) {
          _pageController.animateToPage(index,
              curve: Curves.fastLinearToSlowEaseIn,
              duration: Duration(milliseconds: 600));
        },

Libraries

custom_bottom_navigation_bar
custom_bottom_navigation_bar_item
custom_bottom_navigation_bar_item_tile