floaty_navy_bar

Description:

floaty navy bar

📦 Floaty Navy Bar #
Version: 1.0.5 #



💻 EXAMPLE #
Scaffold(
backgroundColor: Colors.grey[140],
// BODY TAKES IN A STACK WIDGET WHICH INCLUDES:
// List<Widgets>, [Home(), Search(), Settings(), Profile()] and
// FloatingNavigationBar
// CREATE A BOOL VARIABLE _isVisible and INITIALIZE IT TRUE
// ** DETERMINE _isVisible WITH YOUR SCROLLCONTROLLER
body: Stack(
children: [
List<Widget>,
FloatyNavyBar(
opacityAnimation: _isVisible,
backgroundColor: Colors.black,
barHeight: 70.0,
iconColor: Colors.white,
textStyle: const TextStyle(
color: Colors.white,
fontSize: 14.0,
),
iconSize: 28.0,
indicatorColor: Colors.white,
indicatorHeight: 3,
indicatorWidth: 14.0,
items: [
NavyBarItem(
icon: EvaIcons.homeOutline,
),
NavyBarItem(
icon: EvaIcons.search,
title: "Search",
),
NavyBarItem(
icon: EvaIcons.settingsOutline,
),
NavyBarItem(
icon: EvaIcons.personOutline,
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 an issue on Github repo
🔑 License #
MIT License