GitLocker: The Coding Marketplace

Description:

shrink sidemenu

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
copied to clipboard

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
},
),
...
),
);
copied to clipboard
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