pinterest_nav_bar 0.0.1+5 copy "pinterest_nav_bar: ^0.0.1+5" to clipboard
pinterest_nav_bar: ^0.0.1+5 copied to clipboard

A new Flutter package project.

pinterest_nav_bar #

Pinterest app's Like bottom navigation bar.

Light theme Dark theme
Light theme mode video GIF Dark theme mode video GIF

Getting Started #

Wrap you [MaterialApp] widget with [PinterestNavBarController] widget

    return PinterestNavBarController(
      child: MaterialApp(
        title: 'Pinterest Nav Bar Example',
        home: Pages(),
      ),
    );

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
        ],
      ),
  • check out the example app code for complete understanding