Skip to content
Animated Curved Navigation Bar in Flutter
Branch: master
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
android init Mar 7, 2019
example add buttonBackgroundColor param Mar 13, 2019
lib Make Surface area for button clicks bigger Mar 15, 2019
.gitignore init Mar 7, 2019
LICENSE Make Surface area for button clicks bigger Mar 15, 2019
example.gif Readme, example Mar 9, 2019


pub package

A Flutter package for easy implementation of curved navigation bar.


Add dependency

  curved_navigation_bar: ^0.1.26 #latest version

Easy to use

  bottomNavigationBar: CurvedNavigationBar(
    backgroundColor: Colors.blueAccent,
    items: <Widget>[
      Icon(Icons.add, size: 30),
      Icon(Icons.list, size: 30),
      Icon(Icons.compare_arrows, size: 30),
    onTap: (index) {
      //Handle button tap
  body: Container(color: Colors.blueAccent),


items: List of Widgets
initialIndex: Initial index of Curve
color: Color of NavigationBar, default Colors.white
buttonBackgroundColor: background color of floating button, default same as color attribute
backgroundColor: Color of NavigationBar's background, default Colors.blueAccent
onTap: Function handling taps on items
curve: Curves interpolating button change animation, default Curves.easeOutCubic
duration: Duration of button change animation, default Duration(milliseconds: 600)

You can’t perform that action at this time.