convex_bottom_navigation 1.1.0
convex_bottom_navigation: ^1.1.0

Flutter Android iOS web

An animated Bottom Navigation Bar for Flutter apps with convex items. Children (icons, images) animates into place. Colors are customizable.

convex_bottom_navigation #

Bottom navigation with convex items

How to use #

ConvexBottomNavigation fn = ConvexBottomNavigation(
      tabs: [
        TabData(icon: Icon(Icons.home), title: "Home"),
        TabData(icon: Icon(Icons.menu), title: "Menu")
      ],
      onTabChangedListener: (position) {},
    );

Or, for example:

ConvexBottomNavigation(
      activeIconColor: colorPrimaryDark,
      inactiveIconColor: Colors.grey,
      textColor: colorPrimaryDark,
      circleSize: CircleSize.BIG,
      bigIconPadding: 10.0,
      tabs: [
        TabData(
            icon: Image(
              image: AssetImage("assets/ic_speaker.png"),
            ),
            title: "Feed"),
        TabData(
            icon: Image(
              image: AssetImage("assets/ic_profile.png"),
            ),
            title: "Profile")
      ],
      onTabChangedListener: (position) {
        setState(() {
          _currentIndex = position;
        });
      },
    );

See documentation to get information about all parameters

Screenshots #

6
likes
100
pub points
61%
popularity

An animated Bottom Navigation Bar for Flutter apps with convex items. Children (icons, images) animates into place. Colors are customizable.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

mishatron98@gmail.com

License

unknown (LICENSE)

Dependencies

flutter, vector_math

More

Packages that depend on convex_bottom_navigation