Description:
responsive navigation bar
Getting Started #
Installation
Example Code
Features #
Very easy to set up, beginner friendly
Everything is documented + you will be asked to add required values - the rest is optional (with sound null safety)
By default, fontSize, iconSize and padding are responsive (change size with screen size)
Optional: Beautiful gradient (backgroundGradient) for navigation bar and/or buttons (or solid colors)
Optional: Change the opacity (backgroundOpacity) of the menu bar
Optional: Blurred background (backgroundBlur) from the top of the navigation bar to the bottom of the screen
By default shows text on selected button (and resizes all buttons), this can simply be disabled via: showActiveButtonText = false
Only StatelessWidgets
How to make the bottomNavigationBar float above the Scaffold's body:
Scaffold(
extendBody: true,
body: SafeArea(bottom: false, ...),
bottomNavigationBar: ...
...
)
copied to clipboard
Colors in the example GIFs below:
backgroundColor:
Theme.of(context).brightness == Brightness.dark
? const Color(0xff3c3c3c)
: const Color(0xffbebebe),
inactiveIconColor:
Theme.of(context).brightness == Brightness.dark
? const Color(0xffaaaaaa)
: const Color(0xff969696),
copied to clipboard
ResponsiveNavigationBar in Action #
With animation #
Without animation #
Todo #
Add feature requests
Merge your pull requests
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Customer Reviews
There are no reviews.
