fab_menu_bottomnav 0.1.0 copy "fab_menu_bottomnav: ^0.1.0" to clipboard
fab_menu_bottomnav: ^0.1.0 copied to clipboard

This is a bottom navigation bar htat has a floating action button positioned at the center, when you click the floating action button it pops out a menu.

fab_menu_bottomnav package #

This Flutter application showcases a customizable bottom navigation bar with a centered floating action button (FAB) containing a popup menu. It provides navigation between four different screens.

Key Features: #

Customizable Design: Customize colors, icons, and sizes of both the navigation bar and FAB. Centered FAB: Houses a popup menu with customizable options. Bottom Navigation: Offers four navigation items using icons and labels. Screen Navigation: Navigates between four defined screens (replace with your own). Widgets:

NaviBar: Manages the overall navigation bar and its components. BottomNav: Represents individual items in the bottom navigation bar. FabCont: Represents individual menu options within the FAB's popup menu.

Code Sample video: #

Explore the NaviBar widget properties to adjust: #

Colors: fabColor, navBarColor, navIconColor, and optional FabCont.color. Icons: navIcon1, navIcon2, navIcon3, and navIcon4 for bottom navigation, and FabCont.icon for menu options. Sizes: navIconSize for bottom navigation icons. Labels: nav1Name, nav2Name, nav3Name, and nav4Name for bottom navigation items.

3
likes
150
points
27
downloads

Publisher

unverified uploader

Weekly Downloads

This is a bottom navigation bar htat has a floating action button positioned at the center, when you click the floating action button it pops out a menu.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on fab_menu_bottomnav