Liquid Shrink Side Menu

A Side Menu plugin for flutter and compatible with liquid ui

Side Menu Types

There are 8 configuration of Liquid shrink side menu

1. SlideNRotate

2. SlideNRotate Inverse

3. ShrinkNRotate

4. ShrinkNRotate Inverse

5. Slide

6. Slide Inverse

7. ShrinkNSlide

8. ShrinkNSlide Inverse

Getting Started

Step 1: Add shrink_sidemenu to pubspec.yaml

dependencies:
  flutter:
    sdk: flutter
  liquid_ui: // for extra features

  shrink_sidemenu: // Liquid Shrink Sidemenu is not dependent on liquid

Step 2: Wrap Scaffold with SideMenu

final GlobalKey<SideMenuState> _sideMenuKey = GlobalKey<SideMenuState>();

SideMenu(
    key: _sideMenuKey,
    menu: buildMenu(),
    type: SideMenuType.slideNRotate, // check above images
    child: Scaffold(
        appBar: AppBar(
            leading: IconButton(
              icon: Icon(Icons.menu),
              onPressed: () {
                final _state = _sideMenuKey.currentState;
                if (_state.isOpened)
                  _state.closeSideMenu(); // close side menu
                else
                  _state.openSideMenu();// open side menu
              },
            ),
        ...
    ),
);

About liquid ui for flutter

Liquid is an open source UI toolkit for developing cross platform apps in Flutter. Quickly create apps for Android, IOS, Web or Desktop with our powerful grid system, text processor, forms, extensive prebuilt components and dozens of utilities. Visit: Liquid For Flutter

Author

Raj Singh

raj457036/shrink_sidemenu_flutter