Description:

diamond bottom bar

Scaled List #
Custom bottom navigation bar with diamond icon in the middle you can customize the number of items either be Five or three.



Usage #
Widget build(BuildContext context) {
return MaterialApp(
title: 'Diamond Bottom Bar',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: Scaffold(
body: _selectedWidget,
bottomNavigationBar: DiamondBottomNavigation(
itemIcons: const [
Icons.home,
Icons.notifications,
Icons.message,
Icons.account_box,
],
centerIcon: Icons.place,
selectedIndex: _selectedIndex,
onItemPressed: onPressed,
),
),
);
}
copied to clipboard
Usage Scenarios #

When You like to use Bottom navigation with Main Center Item in a diamong shape.

Contributers #
Hosain Mohamed
Inspiration #

Imran Hossen

License

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

Share

• Share on Facebook
• Share on Twitter