A Flutter package for customizing bottom navigation bar.
MajestySubtleBottomNavBar |
---|
MajestySwipeNavigationBar |
Show some ❤️ and star the repo to support the project. Also , you are more than welcome to contribute!
Scaffold(
bottomNavigationBar: _bottomNavBar(),
),
MajestySubtleBottomNavBar _bottomNavBar() {
return MajestySubtleBottomNavBar(
backgroundColor: Color(0xff090708),
animationCurve: Curves.bounceOut,
selectorColor: Colors.redAccent,
captions: ['Home', 'Search', 'Bookmarks'],
selectedItemColor: Colors.white,
nonSelectedIconColor: Color(0xff616064),
captionsTextStyles: TextStyle(color: Colors.white),
items: <Widget>[
Icon(Icons.home, size: 24),
Icon(Icons.search),
Icon(Icons.bookmark)
],
onItemPressed: (i) => print(i),
);
}
}
MajestySwipeNavigationBar consists of two main parts :
MajestySwipeScaffold | Used as a wrapper to the Scaffold widget |
---|---|
MajestySubtleBottomNavBar | Used for bottom navigation bar of scaffold |
MaterialApp(
home: MajestySwipeScaffold(
child: Scaffold(
backgroundColor: Colors.black12,
bottomNavigationBar: MajestySubtleBottomNavBar(
captions: ['Home', 'Search', 'Profile'],
backgroundColor: Colors.white,
animationDuration: Duration(milliseconds: 200),
selectorColor: Colors.red,
captionsTextStyles:
TextStyle(color: Colors.black, fontWeight: FontWeight.w600),
items: <Widget>[
Icon(Icons.home),
Icon(Icons.search),
Icon(Icons.supervised_user_circle)
],
onItemPressed: (int i) => print(i),
),
),