๐ŸŽฌ Demo

Flow Drawer Demo - Left Docked Drawer

Flow Drawer Demo - Right Docked Drawer

flow_drawer

A flexible and animated side drawer package for Flutter.
Easily add beautiful, responsive, and smooth-flowing drawers to your app โ€” perfect for menus, sidebars, or custom navigation.


โœจ Features

  • ๐ŸŽฏ Smooth animated drawer transitions
  • ๐Ÿงฑ Customizable drawer items
  • ๐ŸŽฎ Controller to open/close programmatically
  • ๐Ÿ“ Supports top menu layout
  • ๐Ÿงฉ Easy integration with any app structure

๐Ÿš€ Getting Started

Add this to your pubspec.yaml:

dependencies:
  flow_drawer: ^1.0.0

Then run:

flutter pub get

๐Ÿ“ฆ Import

import 'package:flow_drawer/flow_drawer.dart';

๐Ÿ› ๏ธ Usage

final controller = FlowDrawerController();

FlowDrawer(
  controller: controller,
  drawer: FlowDrawerListWidget(
    items: [
      FlowDrawerMenuItem(
        icon: Icon(Icons.home, color: Colors.white),
        text: "Home",
        onTap: () => print("Home tapped"),
        controller: controller,
      ),
      // Add more items...
    ],
  ),
  child: YourMainScreen(),
)

๐Ÿ“„ Widgets

โœ… FlowDrawer

Main drawer widget that wraps your screen.

โœ… FlowDrawerController

Used to control drawer open/close programmatically.

โœ… FlowDrawerMenuItem

Each item in the drawer list. Customizable with icon, text, and onTap.

โœ… FlowDrawerListWidget

Vertical list layout for drawer items.

โœ… FlowDrawerTopMenuWidget

Optional top widget to show user info, avatar, etc.


๐Ÿ“‚ Example

A full working example is available in the /example folder.


๐Ÿ“ธ Screenshots


๐Ÿงช Testing

Run tests with:

flutter test

๐Ÿ“„ License

MIT ยฉ Akshay Kumar K M
Powered by: www.yahska.net


๐Ÿค Contribute

Pull requests and issues are welcome!
If you find this package useful, please โญ it on GitHub.

Libraries

flow_drawer