shrink_sidemenu 2.0.0+2-null-safety shrink_sidemenu: ^2.0.0+2-null-safety copied to clipboard
A Side Menu plugin for flutter and compatible with liquid ui.
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