Site icon Flutter Packages | Pub dev Packages – Flutter Mobile App World

An easy to use Flutter Package for adding Fancy Foldable Sidebar

Foldable Sidebar

An easy to implement Foldable Sidebar Navigation Drawer for Flutter Applications.

Current Features

Demo

Usage

To Use, simply add FoldableSidebarBuilder to your Scaffold’s body, as follows:

      child: Scaffold(
      body: FoldableSidebarBuilder(
                drawerBackgroundColor: Colors.deepOrange,
                drawer: CustomDrawer(closeDrawer: (){
                  setState(() {
                    drawerStatus = FDBStatus.FDB_CLOSE; // For Closing the Sidebar
                  });
                },),
                screenContents: FirstScreen(), // Your Screen Widget
                status: drawerStatus,
              ),
              floatingActionButton: FloatingActionButton(
                  backgroundColor: Colors.deepOrange,
                  child: Icon(Icons.menu,color: Colors.white,),
                  onPressed: () {
                    // To Open/Close Sidebar
                    setState(() {
                      drawerStatus = drawerStatus == FDBStatus.FDB_OPEN ? FDBStatus.FDB_CLOSE : FDBStatus.FDB_OPEN;
                    });
                  }),
            ),
           ),

Important Enums:

FSBStatus.FSB_OPEN //For Opening the Sidebar
FSBStatus.FSB_CLOSE  //For Closing the Sidebar

Download Fancy Foldable Sidebar source code on GitHub

https://github.com/retroportalstudio/foldable_sidebar

Exit mobile version
Skip to toolbar