Skip to content
Animated Curved Navigation Bar in Flutter
Branch: master
Clone or download
Permalink
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
CHANGELOG.md
LICENSE
README.md Make Surface area for button clicks bigger Mar 15, 2019
curved_navigation_bar.iml
example.gif Readme, example Mar 9, 2019
pubspec.lock
pubspec.yaml

README.md

curved_navigation_bar

pub package

A Flutter package for easy implementation of curved navigation bar.

Gif

Add dependency

dependencies:
  curved_navigation_bar: ^0.1.26 #latest version

Easy to use

Scaffold(
  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),
)

Attributes

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.