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

SlideNRotate

2. SlideNRotate Inverse

SlideNRotate Inverse

3. ShrinkNRotate

ShrikNRotate

4. ShrinkNRotate Inverse

ShrinkNRotate Inverse

5. Slide

Slide

6. Slide Inverse

Slide Inverse

7. ShrinkNSlide

ShrinkNSlide

8. ShrinkNSlide Inverse

ShrinkNSlide

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.closeDrawer(); // close side menu
                else
                  _state.openDrawer();// 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

Libraries

sidemenu