pinterest_nav_bar

Description:

pinterest nav bar

pinterest_nav_bar #
Pinterest app's Like bottom navigation bar.



Light theme
Dark theme









Getting Started #
Wrap you [MaterialApp] widget with [PinterestNavBarController] widget
return PinterestNavBarController(
child: MaterialApp(
title: 'Pinterest Nav Bar Example',
home: Pages(),
),
);
copied to clipboard
Adding the widget

Note: it is recommended that you use this widget as the Floadting Action Button

floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
floatingActionButton: PinterestNavBar(
currentIndex: selectedPageIndex,
onTap: (i) {
print('PinterestNavBar.onTap($i)');
setState(() {
selectedPageIndex = i;
});
},
items: [
Icons.home,
Icons.search,
Icons.chat_bubble_outline_rounded,
Icons.person
],
),
copied to clipboard

check out the example app code for complete understanding