drawer_pro 0.0.5 copy "drawer_pro: ^0.0.5" to clipboard
drawer_pro: ^0.0.5 copied to clipboard

A high-performance, parallax slide drawer for Flutter, delivering smooth animations and easy integration for modern app drawer UIs.

Drawer Pro #

Pub License: MIT Flutter

A high-performance, parallax slide drawer for Flutter with smooth animations and easy integration for modern app drawer UIs.

Demo

✨ Features #

  • πŸš€ Smooth Animations β€” Optimized for both standard and high-refresh-rate displays
  • 🎨 Stunning Parallax Effect - Depth-based slide motion
  • πŸ›  100% Customizable - Shadows, width, curves, duration
  • πŸ“± Cross-Platform - Android, iOS, Web, macOS, Windows, Linuxβœ…
  • ⚑ Zero Dependencies - Lightweight & fast
  • 🎯 Easy Integration - Drop-in replacement for Scaffold drawer

Usage #

DrawerPro(
  drawer: Container(
    color: const Color(0xFF1E1E1E), 
    child: ListView(
      padding: const EdgeInsets.all(20),
      children: const [
        DrawerHeader(
          child: Text("My Drawer Pro", style: TextStyle(color: Colors.white, fontSize: 24)),
        ),
        ListTile(
          leading: Icon(Icons.chat_bubble, color: Colors.white),
          title: Text("Chat", style: TextStyle(color: Colors.white)),
        ),
        ListTile(
          leading: Icon(Icons.settings, color: Colors.white),
          title: Text("Settings", style: TextStyle(color: Colors.white)),
        ),
      ],
    ),
  ),
  child: Scaffold(
    appBar: AppBar(
      title: const Text("Drawer Pro Demo"),
      leading: Builder(
        builder: (context) => IconButton(
          icon: const Icon(Icons.menu),
          onPressed: () => DrawerPro.of(context)?.open(),
        ),
      ),
    ),
    body: const Center(child: Text("Swipe from left or click menu!")),
  ),
)

Check the example/lib/main.dart folder for a complete runnable example.

πŸ“¦ Installation #

  1. Add to pubspec.yaml:
dependencies:
  drawer_pro:  <latest-version>
  1. Install
flutter pub get

Platform Support #

Platform Status
Android βœ…
iOS βœ…
Web βœ…
macOS βœ…
Windows βœ…
Linux βœ…

Key Properties #

Property Type Default Description
drawerWidth double 300 Drawer slide width
slideDuration Duration 250ms Animation duration
curve Curve easeOutCubic Animation curve
shadowColor Color Colors.black26 Overlay shadow
shadowOpacity double 0.3 Shadow intensity

🎨 Customization Tips #

  • Wide drawer: drawerWidth: MediaQuery.of(context).size.width * 0.8
  • Fast slide: slideDuration: const Duration(milliseconds: 150)
  • Bounce effect: curve: Curves.bounceOut
  • Dark theme: shadowColor: Colors.black54

Need Help? #

For questions, issues, or feature requests, create an issue on GitHub or reach out via the GitHub Discussions tab. Create an issue

Author #

Anish Dandapat LinkedIn

πŸ“„ License #

This project is licensed under the MIT License - see the LICENSE file for details.

4
likes
160
points
105
downloads

Publisher

unverified uploader

Weekly Downloads

A high-performance, parallax slide drawer for Flutter, delivering smooth animations and easy integration for modern app drawer UIs.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on drawer_pro