Foldable Sidebar

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

Current Features

• Initial Release for Foldable Navigation Sidebar

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

Flutterappworld

Provides the list of the opensource Flutter apps collection with GitHub repository.