Description:

floating navigation bar

Flutter Floating Navigation Bar #
💙

✨ EXAMPLE #
Scaffold(
appBar: AppBar(
title: Text(
"Floating Navigation Bar"
),
),
// INCLUDE LIST OF WIDGETS INSIDE BODY
body: List<Widgets>, // [Home(), Search(), Cart(), Profile()]
bottomNavigationBar: FloatingNavigationBar(
backgroundColor: Colors.black87,
iconColor: Colors.white,
textStyle: TextStyle(
color: Colors.white,
fontSize: 14.0,
),
iconSize: 20.0,
items: [
NavBarItems(icon: EvaIcons.homeOutline,title: "Home"),
NavBarItems( icon: EvaIcons.search,title: "Search"),
NavBarItems(
icon: EvaIcons.shoppingCartOutline, title: "Cart"),
NavBarItems(
icon: EvaIcons.activity,title: "Profile"),
],
onChanged: (value) {
// USE YOUR STATE MANAGEMENT TECHNIQUE TO GET
// AND CHANGE INDEX OF NAVIGATION BAR
},
),
);

copied to clipboard
Willing to contribute?
Go ahead and send pull request 😁
Found bug or issues?😞
Open and issue on Github repo
⭐️ License #
MIT License

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter