Custom Bottom navigation bar on Flutter

Intro

Custom Bottom navigation bar on Flutter.

The updated one Support : Null safety & Support 9 items on Tabs & Some Color, Size, Effects and font customization.

Check the screenshot :

P.S

Make sure to upgrade your Flutter version to Latest version which support Null Safety.

Flutter upgrade

Usage

bottomNavigationBar: FancyBottomNavigation(
        tabs: [
          TabData(iconData: Icons.home, title: "Home", onclick: () {}),
          TabData(
              iconData: Icons.shopping_bag,
              title: "My Cart",
              onclick: () => {}),
          TabData(iconData: Icons.message, title: "Message", onclick: () => {}),
          TabData(
              iconData: Icons.notifications, title: "Notification", onclick: () => {}),
          TabData(
            iconData: Icons.person,
            title: "Profile",
            onclick: () => {},
          )
        ],
        initialSelection: 2,
        activeIconColor: Colors.white,
        circleColor: Color.fromARGB(255, 245, 154, 67),
        barBackgroundColor: Color.fromARGB(255, 229, 233, 234),
        inactiveIconColor: Colors.grey,
        key: bottomNavigationKey,
        onTabChangedListener: (position) {
          setState(() {
            currentPage = position;
          });
        },
      ),

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

I’m available for new projects : ihabeddinezaidi@gmail.com

License

Fancy_Botton_Navigation_Bar
on Pub dev.

GitHub

https://github.com/IhabZaidi/fancy_bottom_navigation_bar