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
},
),
);
Willing to contribute? Go ahead and send pull request 😁
Found bug or issues?:disappointed: Open and issue on Github repo
MIT License