fancy_drawer

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

Fancy Drawer is a visually appealing, animated, and highly customizable drawer widget for Flutter applications. It enhances navigation with smooth transitions and modern design elements, making it ideal for apps that prioritize user experience and aesthetic appeal. Built with performance in mind, it supports all major platforms including Android, iOS, Web, macOS, Windows, and Linux. Developers can easily tailor its appearance and behavior to match their app’s theme and functionality. The package is lightweight and integrates seamlessly into existing Flutter projects.

Use cases

Enhancing app navigation with animated drawers
Creating modern UIs with custom drawer designs
Improving user engagement through interactive transitions
Building responsive layouts across multiple platforms
Adding swipeable side menus with visual flair
Customizing drawer appearance for brand consistency

Key features

Smooth animations and transitions
Highly customizable appearance and behavior
Support for all Flutter platforms
Easy integration with existing Flutter projects
Swipe gesture support
Extensible design with theming options

Suitable for

Developers seeking modern drawer UIs
Apps requiring animated navigation components
Design-focused Flutter projects
Cross-platform mobile and desktop apps
Teams wanting reusable, customizable widgets

Considerations

May require additional styling for complex themes
Performance impact with heavy animations on low-end devices
Limited documentation beyond basic usage
Not suitable for simple static drawers
Requires understanding of Flutter's animation system
Potential conflicts with other navigation widgets if not managed properly

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Fancy drawer

A beautiful drawer experience for your flutter app .

Usage

import 'package:fancy_drawer/fancy_drawer.dart';

...

FancyDrawerController _controller;

@override
void initState() {
  super.initState();
  _controller = FancyDrawerController(
      vsync: this, duration: Duration(milliseconds: 250))
    ..addListener(() {
      setState(() {}); // Must call setState
    }); // This chunk of code is important
}

@override
void dispose() {
  _controller.dispose(); // Dispose controller
  super.dispose();
}
...
FancyDrawerWrapper(
	backgroundColor: Colors.white, // Drawer background
	controller: _controller, // Drawer controller
	drawerItems: <Widget>[], // Drawer items
	child: Scaffold(), // Your app content
);

Parameters

required

drawerItems Drawer items are widgets needed to render
child child is the main app content
controller is needed to init and maintain the animation

optional

backgroundColor Set to white background
itemGap set to 10.0
hideOnContentTap controls if drawer will hide on content tap or not , set to true
cornerRadius set to 8.0

TODO

[x] Null safety
[ ] 3D perspective

Search packages, repositories and app categories

Install package