Search packages, repositories and app categories

curved_drawer_fork cover
Package detailsv0.0.1+1

curved_drawer_fork

A Flutter widget that provides an easy to use animated drawer.

AndroidiOSWebmacOSWindowsLinux
30-day downloads
6
Likes
77
Pub points
140

Install package

flutter pub add curved_drawer_fork

Package Overview

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

A Flutter package that offers an animated, curved drawer widget for intuitive navigation. Built as a fork of the original curved drawer, it enhances usability with smooth animations and customizable design. Ideal for apps requiring a modern, visually engaging navigation experience. The widget supports multiple platforms including Android, iOS, Web, macOS, Windows, and Linux, ensuring cross-platform consistency. It's lightweight and easy to integrate with minimal setup.

Use cases

  • Creating modern app navigation
  • Enhancing UI with animated drawers
  • Building responsive layouts across platforms
  • Adding visual flair to mobile and web apps
  • Implementing swipeable side menus

Key features

  • Smooth animated transitions
  • Customizable curve shapes
  • Cross-platform support
  • Easy integration with existing Flutter projects
  • Lightweight and performant

Suitable for

  • Developers seeking animated navigation
  • Design-focused app interfaces
  • Multi-platform Flutter applications
  • UI/UX enhancement projects
  • Apps with interactive side panels

Considerations

  • May require additional styling for complex designs
  • Limited customization beyond basic curve parameters
  • Depends on parent widget layout constraints
  • Not ideal for highly complex navigation hierarchies
  • Best suited for simple to moderately complex drawer needs

Original README

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

curved_drawer

A Flutter widget that provides an easy to use animated drawer.

Gif

Add dependency
dependencies:
  curved_drawer: ^0.1.2 #latest version
Simple Implementation
Scaffold(
  drawer: CurvedDrawer(
    color: Colors.white,
    labelColor: Colors.black54,
    width: 75.0
    items: <DrawerItem>[
      DrawerItem(icon: personIcon),
      //Optional Label Text
      DrawerItem(icon: messageIcon, label: "Messages")
    ],
    onTap: (index) {
      //Handle button tap
    },
  ),
  body: Container(),
)
Attributes

items: List of DrawerItems index: Index of selected item - can be used to change current index or to set initial index
color: Color of drawer - default Colors.white buttonBackgroundColor: Background color of floating button - default same as color attribute
backgroundColor: Color of NavigationBar's background - default Colors.transparent onTap: Function handling taps on items
animationCurve: Curves interpolating button change animation - default Curves.easeOutCubic
animationDuration: Duration of button change animation - default Duration(milliseconds: 600)
width: Width of Drawer - default min 50.0, max 100.0 isEndDrawer: Set to true if used as as an end drawer - default is false

Categories

Source repository

Projects using this package

No data available yet.