Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
Package detailsv1.0.3

flutter_slide_drawer

It would help you make slide_drawer_scaffold easy with animation :)

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
437
Likes
27
Pub points
140

Install package

flutter pub add flutter_slide_drawer

Package Overview

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

Flutter Slide Drawer is a package that simplifies the creation of slide-out drawers with smooth animations. It enhances the user experience by providing an easy-to-use scaffold for implementing drawer-based navigation across multiple platforms. With built-in animation support, developers can quickly integrate responsive and visually appealing side panels into their apps. The package is designed to work seamlessly on Android, iOS, Web, macOS, Windows, and Linux, making it ideal for cross-platform projects requiring intuitive navigation patterns.

Use cases

  • Creating animated side navigation menus
  • Building responsive app layouts
  • Implementing swipeable drawer interfaces
  • Designing mobile-first navigation experiences
  • Adding interactive side panels in web apps
  • Enhancing user engagement with smooth transitions

Key features

  • Built-in animation support
  • Cross-platform compatibility
  • Simple API integration
  • Responsive design ready
  • Customizable drawer behavior
  • Works with Flutter's Scaffold

Suitable for

  • Mobile app developers
  • Web application creators
  • Cross-platform project teams
  • UI/UX designers seeking animation tools
  • Developers focused on navigation UX
  • Beginners learning Flutter navigation

Considerations

  • May require additional styling for complex designs
  • Limited customization options for advanced animations
  • Depends on Flutter's animation framework
  • Not ideal for non-slide drawer patterns
  • Best suited for standard drawer use cases
  • Requires understanding of Flutter's layout system

Original README

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

flutter_slide_drawer

A Flutter package, It would help you make has slide effect drawer easy.

Getting Started

To start using this package, add flutter_slide_drawer dependency to your pubspec.yaml

dependencies:
    flutter_slide_drawer: '<latest_release>'

Documentation

SliderDrawerWidget
    SliderDrawerWidget(
        key: drawerKey,
        option: SliderDrawerOption(),
        drawer: CustomDrawer(),
        body: Scaffold(
          appBar: AppBar(),
          body: Container(),
        )
    )
Parameters Value Required Docs
key GlobalKey<SliderDrawerWidgetState> YES Required to open drawer.
drawer Widget YES Custom Widget to use drawer
body Widget YES Body Widget
option SliderDrawerOption No You can set several options.
SliderDrawerOption
    SliderDrawerOption(
      backgroundImage: Image.asset("assets/sample_background.jpg"),
      backgroundColor: Colors.black,
      sliderEffectType: SliderEffectType.Rounded,
      upDownScaleAmount: 50,
      radiusAmount: 50,
      direction: SliderDrawerDirection.LTR,
    )
Parameters Value Required Docs
backgroundImage Image Widget No be covered Background Image in Drawer
backgroundColor Color No background Color in Drawer (default Color is blue)
sliderEffectType SliderEffectType No Slide push Effect Type ( Rounded , Rectangle)
upDownScaleAmount double No If you use SliderEffectType.Runded then you can use this parameters. It make margin Vertical in Scaffold
radiusAmount double No If you use SliderEffectType.Runded then you can use this parameters. It make as amount as radius in Scaffold
direction SliderDrawerDirection No Drawer direction option, default is SliderDrawerDirection.LTR

Screens

Using Background Image And Rounded Type

Example App Demo2

Default FlutterSliderWidget

Example app Demo

Categories

Drawer & Navigation Rail

Source repository

Projects using this package

No data available yet.