fab_menu_bottomnav 0.1.0 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.