Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 82 Commits
.github		.github
.vscode		.vscode
example		example
lib		lib
test		test
.gitignore		.gitignore
.metadata		.metadata
CHANGELOG.md		CHANGELOG.md
LICENSE		LICENSE
README.md		README.md
pubspec.lock		pubspec.lock
pubspec.yaml		pubspec.yaml

Repository files navigation

google_nav_bar

A modern google style nav bar for flutter.

GoogleNavBar is a Flutter widget designed byAurelien Salomon and developed bysooxt98.

Getting Started

Add this to your package'spubspec.yaml file:

...dependencies:  google_nav_bar: ^5.0.7

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(  rippleColor:Colors.grey[800],// tab button ripple color when pressed  hoverColor:Colors.grey[700],// tab button hover color  haptic:true,// haptic feedback  tabBorderRadius:15,   tabActiveBorder:Border.all(color:Colors.black, width:1),// tab button border  tabBorder:Border.all(color:Colors.grey, width:1),// tab button border  tabShadow: [BoxShadow(color:Colors.grey.withOpacity(0.5), blurRadius:8)],// tab button shadow  curve:Curves.easeOutExpo,// tab animation curves  duration:Duration(milliseconds:900),// tab animation duration  gap:8,// the tab button gap between icon and text  color:Colors.grey[800],// unselected icon color  activeColor:Colors.purple,// selected icon and text color  iconSize:24,// tab button icon size  tabBackgroundColor:Colors.purple.withOpacity(0.1),// selected tab background color  padding:EdgeInsets.symmetric(horizontal:20, vertical:5),// navigation bar padding  tabs: [GButton(      icon:LineIcons.home,      text:'Home',    ),GButton(      icon:LineIcons.heart_o,      text:'Likes',    ),GButton(      icon:LineIcons.search,      text:'Search',    ),GButton(      icon:LineIcons.user,      text:'Profile',    )  ])