custom_bottom_navigation 0.0.1+1 copy "custom_bottom_navigation: ^0.0.1+1" to clipboard
custom_bottom_navigation: ^0.0.1+1 copied to clipboard

A Custom bottom navigation bar with box animation. This is the simplified and smoother version of some of the earlier designs. You can use it just as a regular material bottom navigation bar, but with [...]

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

Demo #

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')),
        ],
      ),
    );

Properties #

You can custemize most of the properties like:

you can provide the height of navigation bar by height parameter.

selected Item Box Color #

you can provide the Color of selected item box by selectedItemBoxColor parameter.

unselected Item Box Color #

you can provide the Color of unselected item box by unselectedItemBoxColor parameter.

selected Item Color #

you can provide the Color of selected item by selectedItemColor parameter.

unselected Item Color #

you can provide the Color of selected item by unselectedItemColor parameter.

Animation Duration #

you can provide the animation duration by duration parameter.

Inicial Index #

you can provide the incial index by inicialIndex parameter.

3
likes
110
pub points
66%
popularity

Publisher

unverified uploader

A Custom bottom navigation bar with box animation. This is the simplified and smoother version of some of the earlier designs. You can use it just as a regular material bottom navigation bar, but with more customization and animation.

Repository (GitHub)
View/report issues

Documentation

API reference

License

GPL-3.0 (LICENSE)

Dependencies

flutter

More

Packages that depend on custom_bottom_navigation