Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/raj457036/shrink_sidemenu_flutter
A Side Menu plugin for flutter and compatible with liquid ui for flutter
https://github.com/raj457036/shrink_sidemenu_flutter
flutter flutter-drawer liquid liquid-flutter sidemenu
Last synced: about 9 hours ago
JSON representation
A Side Menu plugin for flutter and compatible with liquid ui for flutter
- Host: GitHub
- URL: https://github.com/raj457036/shrink_sidemenu_flutter
- Owner: raj457036
- License: mit
- Created: 2020-06-07T10:06:27.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-10-26T13:15:41.000Z (about 1 year ago)
- Last Synced: 2024-06-21T17:00:36.895Z (5 months ago)
- Topics: flutter, flutter-drawer, liquid, liquid-flutter, sidemenu
- Language: Dart
- Size: 653 KB
- Stars: 22
- Watchers: 4
- Forks: 17
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Liquid Shrink Side Menu
A Side Menu plugin for flutter and compatible with [liquid ui](https://pub.dev/packages/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**
```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**
```dart
final GlobalKey _sideMenuKey = GlobalKey();
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](https://pub.dev/packages/liquid_ui)**
# Author
[Raj Singh](https://www.linkedin.com/in/raj457036/)