Repository files navigation
google_nav_bar
A modern google style nav bar for flutter.
GoogleNavBar is a Flutter widget designed by Aurelien Salomon and developed by sooxt98 .
Getting Started
Add this to your package's pubspec.yaml file:
...
Now in your Dart code, you can use:
import 'package:google_nav_bar/google_nav_bar.dart';
Usage
Style your tab globally with GNav's attribute, if you wish to style tab separately, use GButton's attribute
GNav (: Colors .grey[800 ], // tab button ripple color when pressed : Colors .grey[700 ], // tab button hover color : true , // haptic feedback : 15 , : Border .all (color: Colors .black, width: 1 ), // tab button border : Border .all (color: Colors .grey, width: 1 ), // tab button border : [BoxShadow (color: Colors .grey.withOpacity (0.5 ), blurRadius: 8 )], // tab button shadow : Curves .easeOutExpo, // tab animation curves : Duration (milliseconds: 900 ), // tab animation duration : 8 , // the tab button gap between icon and text : Colors .grey[800 ], // unselected icon color : Colors .purple, // selected icon and text color : 24 , // tab button icon size : Colors .purple.withOpacity (0.1 ), // selected tab background color : EdgeInsets .symmetric (horizontal: 20 , vertical: 5 ), // navigation bar padding : [GButton (: LineIcons .home,: 'Home' ,GButton (: LineIcons .heart_o,: 'Likes' ,GButton (: LineIcons .search,: 'Search' ,GButton (: LineIcons .user,: 'Profile' ,
View the example folder
There are 4 different use case included in the /example directory, go try it out!
