in

A custom bottom navigation bar with box animation for flutter


A custom bottom navigation bar with box animation. This is inspired from some of the erlier designs, but in a more simplified and yet exiting way.

Usage

To use the package, first, add the custom_bottom_navigation as the dependency in your pubspec.yaml file.

Then, add the CustomBottomBoxBar() in the bottomNavigationBar: field of Scaffold. You need to provide two fields, items(List of CustomBottomBaxBarItem) and onIndexChange method. See the example below.

    Scaffold(
      bottomNavigationBar: CustomBottomBoxBar(
        inicialIndex: selectedPageIndex,
        onIndexChange: (int index) {
          setState(() {
            selectedPageIndex = index;
          });
        },
        items: [
          CustomBottomBoxBarItem(
              Icons.home_filled,
              Text('Home')),
          CustomBottomBoxBarItem(
              Icons.person,
              Text('Profile')),
        ],
      ),
    );

View Github


Flipkart Partners Shark Tank India for Driving Entrepreneurship

Microsoft Issues Windows Update to Patch 0-Day Used to Spread Emotet Malware