convex_bottom_navigation 1.1.1
convex_bottom_navigation: ^1.1.1 copied to clipboard

Flutter Android iOS Linux macOS web Windows

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 #

7
likes
110
pub points
66%
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

MIT (LICENSE)

Dependencies

flutter, vector_math

More

Packages that depend on convex_bottom_navigation