A Side Menu plugin for flutter and compatible with liquid ui for flutter

Overview

Liquid Shrink Side Menu

A Side Menu plugin for flutter and compatible with liquid ui

Liquid Ui Shrink Side Menu for flutter

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.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

You might also like...

A powerful plugin that fully uses the native image library's ability to display images on the flutter side.

PowerImage A powerful plugin that fully uses the native image library's ability to display images on the flutter side. 中文文档 Features: Supports the abi

Dec 23, 2022

Flutter plugin to display a popup menu button widget with handsome design and easy to use.

Flutter plugin to display a popup menu button widget with handsome design and easy to use.

menu_button Flutter widget to display a popup menu button very simply and easily customizable. Resources Documentation Pub Package GitHub Repository I

Sep 27, 2022

Flutter plugin to implement a Boom Menu, with icons, title, subtitle, animated FAB Icons and hide on scrolling.

Flutter plugin to implement a Boom Menu, with icons, title, subtitle, animated FAB Icons and hide on scrolling.

Flutter Boom Menu Usage The BoomMenu widget is built to be placed in the Scaffold.floatingActionButton argument, replacing the FloatingActionButton wi

Aug 1, 2022

Whatsapp UI clone made with Flutter; it is compatible with any type of Android and iOS devices.

whats_app Whatsapp UI built with Flutter; it is compatible and responsive with any type of Android and iOS devices. Getting Started This project is a

Sep 23, 2021

Flutter Client for the stability.ai GRPC protocol, should be compatible with grpc.stability.ai and hafriedlander/stable-diffusion-grpcserver

idea2art This is idea2.art, a Flutter client for the stability.ai GRPC API for Stable Diffusion. It's usable both with the cloud-based grpc.stability.

Dec 5, 2022

A Dart client for FusionAuth, Flutter compatible

FusionAuth Dart Client If you're integrating FusionAuth with a Dart or Flutter application, this library will speed up your development time. For addi

Dec 14, 2022

Flutter modern bottom navbar. Compatible with Android & iOS. You can customize it freely.

Flutter modern bottom navbar. Compatible with Android & iOS. You can customize it freely.

ss_bottom_navbar Flutter modern bottom nav bar. Compatible with Android & iOS. You can customize it freely. Getting Started dependencies: ss_bottom_

Sep 18, 2022

flutter ecommerce application with admin side .authentication and storage with the help of firebase

ecommerce A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if thi

Nov 10, 2022

Nimbostratus is a reactive data-fetching and client-side cache management library built on top of Cloud Firestore.

Nimbostratus 🌩 Nimbostratus is a reactive data-fetching and client-side cache management library built on top of Cloud Firestore. The Cloud Firestore

Dec 15, 2022
Comments
  • Migration to null safety

    Migration to null safety

    Hi! Is there any chance that this package gets migrated to null safety?

    Here's the oficial migration guide: https://dart.dev/null-safety/migration-guide

    opened by LautaroLobo12 1
  • Animation while open and close the menu bar is like pause for a milliseconds

    Animation while open and close the menu bar is like pause for a milliseconds

    Whenever i open the side menu or close it , it take some milliseconds to animate but it seems like pausing the animation ,it doesn't like smooth animation , I don't know why this happens.

    https://user-images.githubusercontent.com/71643678/120149034-c07de300-c206-11eb-8405-f0394589da09.mp4

    opened by TusharPatel18 1
  • Refactor based on `flutter_lints`

    Refactor based on `flutter_lints`

    Hi amazing developer,

    This library is already a great completion, but I have noticed that some of the coding does not follow Dart or Flutter standards because it does not use flutter_lints.

    Therefore, I have made the following fixes.

    • Added flutter_lints to pubspec.yaml
    • Added analysis_options.yaml
    • Fixed some lines based on flutter_lints suggestions (Not destructive)

    Thank you.

    opened by myConsciousness 0
  • Block input

    Block input

    While implementing this package in our app to improve the esthetics of our side menu we noticed that the inputs are still able to be processed by the main page when the side menu is open. I've tried to circumvent this issue by wrapping the scaffold in an ignore pointer but there is no way to let our ignore pointer know that the close button has been pressed. Thus I propose this change which would allow the input to the main page to be blocked if preferred. This would not be a breaking change but simply add an extra option to the Side Menu.

    opened by Tim-Revision 0
Owner
Raj Singh
Check out my pens 👇 https://codepen.io/raj457036
Raj Singh
Flutter drawer (dynamic ready side menu)

Flutter side menu (Drawer) Getting Started Use KFDrawer widget as Scaffold's body with items property (List<KFDrawerItem>) you should define onPressed

null 213 Dec 5, 2022
A Flutter package with custom implementation of the Side Menu (Drawer)

Flutter Awesome Drawer Bar A Flutter package with custom implementation of the Side Menu (Drawer) Getting Started To start using this package, add awe

Appcheap 4 Nov 13, 2022
Adds a side menu in all screens with debug information

Adds a side menu in all screens with debug information. You can decide which information to show and create new modules to include more information.

Sergi Martínez 27 Oct 7, 2022
This is a repository for Flutter Focused Menu, an easy to implement package for adding Focused Long Press Menu to Flutter Applications

Focused Menu This is an easy to implement package for adding Focused Long Press Menu to Flutter Applications Current Features Add Focused Menu to Any

Paras Jain 160 Dec 26, 2022
Arissettingsmenuexm - Settings Menu with different choices by clicking on a Popup Menu Button in Flutter

Flutter Tutorial - Settings Menu & AppBar Dropdown Menu Show a Flutter Settings

Behruz Hurramov 1 Jan 9, 2022
Flutter-pop-up-menu - Pop up Menu - Mobile Devices Programming

Pop Up Menu App A flutter demo app with a pop up menu button Developer Alexander Sosa (https://www.linkedin.com/in/alexander-sosa-asillanes/) Technolo

Alexander Sosa 0 Jan 3, 2022
It's a universal app template to have a great animated splash screen and liquid slider. Just change the animation if you want (rive) and change the images or colours according to your app.

liquid A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this i

Zikyan Rasheed 28 Oct 7, 2022
A Flutter step_tracker plugin is collect information from user and display progress through a sequence of steps. this plugin also have privilege for fully customization from user side. like flipkart, amazon, myntra, meesho.

step_tracker plugin A Flutter step_tracker plugin is collect information from user and display progress through a sequence of steps. this plugin also

Roshan nahak 5 Oct 21, 2022
An Interactive tool for visualization of data reported by the Amiga Tractor onto the panoramic cluster display of Liquid Galaxy.

Amiga Crop Visualizer About Amiga Crop Visualizer The App takes Data from the Amiga Drone and shows it in colored KML onto the Liquid Galaxy. For demo

Yash Raj Bharti 3 Oct 16, 2022
Dart and Flutter sealed class generator and annotations, with match methods and other utilities. There is also super_enum compatible API.

Dart Sealed Class Generator Generate sealed class hierarchy for Dart and Flutter. Features Generate sealed class with abstract super type and data sub

6thSolution 15 Jan 2, 2023