It worked fine just before I added easy_localization package and set the language to Hebrew which is RTL direction. whole app works fine but can not open drawer.

Recently, I've tested this package in order tu fulfull my client's requirement on its application.

First, as you can see in the pull request, i updated the library to null-safety. Then, I put it on my project and i folder my custom drawer as follows:

class MainLayout extends HookWidget {
  final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();

  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;
    return Scaffold(
      appBar: Header(),
      body: FoldableSidebarBuilder(
        drawer: SideMenu(),
        screenContents: Container(),
        status: FSBStatus.FSB_OPEN,
      ),
    );
  }
}

With my drawer as follows:

class SideMenu extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: Drawer(
        child: SafeArea(
          child: Column(
            children: <Widget>[
              SideMenuHeader(
                displayedUserName: 'Luis Alaguna',
              ),
              Expanded(
                  child: ListView(
                padding: EdgeInsets.zero,
                children: <Widget>[
                  ExpansionTile(
                    title: Text("Dashboad"),
                    children: <Widget>[
                      ListTile(
                        leading: Icon(
                          MdiIcons.accountGroupOutline,
                          // size: 40,
                        ),
                        title: Text('Users'),
                        onTap: () {},
                      ),
                      ListTile(
                        leading: Icon(MdiIcons.poll),
                        title: Text('Surveys'),
                        onTap: () {},
                      ),
                      ListTile(
                          leading: Icon(MdiIcons.cogs), title: Text('Setup')),
                    ],
                  ),
                  ExpansionTile(
                    title: Text('Content'),
                    children: <Widget>[
                      ListTile(
                          leading: Icon(MdiIcons.bookInformationVariant),
                          title: Text('Bilgi')),
                      ListTile(
                          leading: Icon(MdiIcons.meditation),
                          title: Text('Tedavi')),
                      ListTile(
                          leading: Icon(MdiIcons.flask),
                          title: Text('Geliştirmeler')),
                      ListTile(
                          leading: Icon(MdiIcons.tooltipTextOutline),
                          title: Text('Hikayeler')),
                    ],
                  ),
                  ListTile(
                    leading: Icon(Icons.settings),
                    title: Text('Ayarlar'),
                  )
                ],
              )),
              SideMenuFooter(),
            ],
          ),
        ),
      ),
    );
  }
}

Well, the problem is the animation has inconsistences and after open the drawer, the drawer is duplicated as half; you can see it on the video. https://user-images.githubusercontent.com/5034215/114433613-b2c6bc80-9bca-11eb-8ec8-a68098186654.mp4

What's the way to fix this?

Thanks.

Right now the sidebar gets unfolded from under the phone (if you think 3d) Maybe you can make an option so that it gets unfolded from above the phone. This would make it such that there would be no background color seen behind the sidebar. And some people might choose this. Tell me if I am not clear enough.

I love your drawer design but lately drawers are not used much in UIs. If we can use this as an expanding menu, it would look cool. Lets say We have an app bar and when we press a button inside the app bar, it grows while folding from top to bottom. Revealing a menu. In this case you might need to change the name from foldable_sidebar to foldable_menu maybe?