convex_bottom_navigation 1.1.1 copy "convex_bottom_navigation: ^1.1.1" to clipboard
convex_bottom_navigation: ^1.1.1 copied to clipboard

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 #

13
likes
40
points
35
downloads

Publisher

unverified uploader

Weekly Downloads

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

Repository (GitHub)

License

MIT (license)

Dependencies

flutter, vector_math

More

Packages that depend on convex_bottom_navigation