Majesty

A Flutter package for customizing bottom navigation bar.

Bottom navigation bars:

MajestySubtleBottomNavBar
MajestySwipeNavigationBar

Show some ❤️ and star the repo to support the project. Also , you are more than welcome to contribute!

MajestySubtleBottomNavBar

Demo :

ezgif com-video-to-gif (6)

Example :

     Scaffold(
        bottomNavigationBar: _bottomNavBar(),
      ),

    MajestySubtleBottomNavBar _bottomNavBar() {
    return MajestySubtleBottomNavBar(
      backgroundColor: Color(0xff090708),
      animationCurve: Curves.bounceOut,
      selectorColor: Colors.redAccent,
      captions: ['Home', 'Search', 'Bookmarks'],
      selectedItemColor: Colors.white,
      nonSelectedIconColor: Color(0xff616064),
      captionsTextStyles: TextStyle(color: Colors.white),
      items: <Widget>[
        Icon(Icons.home, size: 24),
        Icon(Icons.search),
        Icon(Icons.bookmark)
      ],
      onItemPressed: (i) => print(i),
        );
       }
     

MajestySwipeNavigationBar

MajestySwipeNavigationBar consists of two main parts :

MajestySwipeScaffoldUsed as a wrapper to the Scaffold widget
MajestySubtleBottomNavBarUsed for bottom navigation bar of scaffold

Demo :

ezgif com-video-to-gif (7)

Example :

    MaterialApp(
      home: MajestySwipeScaffold(
        child: Scaffold(
          backgroundColor: Colors.black12,
          bottomNavigationBar: MajestySubtleBottomNavBar(
              captions: ['Home', 'Search', 'Profile'],
              backgroundColor: Colors.white,
              animationDuration: Duration(milliseconds: 200),
              selectorColor: Colors.red,
              captionsTextStyles:
                  TextStyle(color: Colors.black, fontWeight: FontWeight.w600),
              items: <Widget>[
                Icon(Icons.home),
                Icon(Icons.search),
                Icon(Icons.supervised_user_circle)
              ],
              onItemPressed: (int i) => print(i),
        ),
      ),

Libraries

majesty
majesty
subtle_bottomnavbar
swipenav_controller