All Projects → NikhilVadoliya → Flutter_slider_drawer

NikhilVadoliya / Flutter_slider_drawer

Licence: BSD-2-Clause license
You can make slider drawer type ui by this plugin

Programming Languages

dart
5743 projects
ruby
36898 projects - #4 most used programming language
swift
15916 projects

Projects that are alternatives of or similar to Flutter slider drawer

l
Cross-platform html/io [L]ogger with simple API.
Stars: ✭ 26 (-82.89%)
Mutual labels:  pub, dart-package
vue-histogram-slider
Range slider with histogram for Vue.js
Stars: ✭ 111 (-26.97%)
Mutual labels:  slider
vue-splide
The Splide component for Vue.
Stars: ✭ 257 (+69.08%)
Mutual labels:  slider
copy with extension
Provides Dart Build System builder for generating copyWith extensions for annotated classes.
Stars: ✭ 60 (-60.53%)
Mutual labels:  pub
MediaSliderView
Pure java based, highly customizable media slider gallery supporting both images and videos for android.
Stars: ✭ 85 (-44.08%)
Mutual labels:  slider
jquery.mb.slider
A lightweight javascript slider
Stars: ✭ 13 (-91.45%)
Mutual labels:  slider
formz
A unified form representation in Dart used at Very Good Ventures 🦄
Stars: ✭ 262 (+72.37%)
Mutual labels:  dart-package
react-spring-bottom-sheet
Accessible ♿️, Delightful ✨, & Fast 🚀
Stars: ✭ 604 (+297.37%)
Mutual labels:  drawer
vue-onlySlider-x
Vue的移动端Slider滑动组件。无依赖、功能单一,只有左右滑动功能。如果你需要的仅仅是一个banner,那你可能需要它!
Stars: ✭ 35 (-76.97%)
Mutual labels:  slider
lockpick
A CLI for syncing Dart dependency versions between pubspec.yaml and pubspec.lock files.
Stars: ✭ 34 (-77.63%)
Mutual labels:  pub
ha-slider-card
Custom Slider Card for Home Assistant
Stars: ✭ 24 (-84.21%)
Mutual labels:  slider
flutter google places picker
Google Places Autocomplete for Flutter
Stars: ✭ 20 (-86.84%)
Mutual labels:  pub
UX-UI-Navigation
UX / UI Custom NavigationDrawer with Fragment
Stars: ✭ 70 (-53.95%)
Mutual labels:  drawer
flutter sliding tutorial
User onboarding library with smooth animation of objects and background colors
Stars: ✭ 127 (-16.45%)
Mutual labels:  dart-package
dart-tags
ID3 Tag parser written on the pure dart language.
Stars: ✭ 35 (-76.97%)
Mutual labels:  pub
TimeRangePicker
A customizable, easy-to-use, and functional circular time range picker library for Android. Use this library to mimic Apple's iOS or Samsung's bedtime picker.
Stars: ✭ 266 (+75%)
Mutual labels:  slider
react-instagram-zoom-slider
🌄↔️ A slider component with pinch to zoom capabilities inspired by Instagram
Stars: ✭ 67 (-55.92%)
Mutual labels:  slider
SimpleSlider
A simple slider allows you to easily use.
Stars: ✭ 78 (-48.68%)
Mutual labels:  slider
bloc
A predictable state management library that helps implement the BLoC design pattern
Stars: ✭ 12 (-92.11%)
Mutual labels:  pub
DRAW
DRAW: The Dart Reddit API Wrapper
Stars: ✭ 82 (-46.05%)
Mutual labels:  pub

Flutter slider drawer

pub package pub package

A Flutter package with custom implementation of the Slider Drawer Menu

Plugin example demo      drawing

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

dependencies:
  flutter_slider_drawer: '<latest_release>'

Features

  • Slider with custom animation time
  • Provide Basic Appbar with customization of color, size and title
  • Dynamic slider open and close offset
  • Provide drawer icon animation
  • Provide shadow of Main screen with customization of shadow colors,blurRadius and spreadRadius
  • Provide RTL(RightToLeft),LTR(LeftToRight) and TTB(TopToBottom) slider open selection
  • Provide Custom Appbar support and you can also use plugin appBar with use of SliderAppBar widget
  • If you are using CupertinoApp then pass isCupertino: true

Code

  Widget build(BuildContext context) {
     return Scaffold(
         body: SliderDrawer(
           key: _key,
           appBar: SliderAppBar(
               appBarColor: Colors.white,
               title: Text(title,
                   style: const TextStyle(
                       fontSize: 22, fontWeight: FontWeight.w700))),
           slider: Container(color: Colors.red),
           child: Container(color: Colors.amber),
         ));
   }


slider_document



slider_document



Slider open

SliderOpen.LEFT_TO_RIGHT SliderOpen.RIGHT_TO_LEFT SliderOpen.TOP_TO_BOTTOM
slider_left slider_right slider_top

Controlling the drawer

class _MyAppState extends State<MyApp> {
  GlobalKey<SliderDrawerState> _key = GlobalKey<SliderDrawerState>();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: SliderDrawer(
      key: _key,
      appBar: SliderAppBar(
          appBarColor: Colors.white,
          title: Text('Title',
              style:
                  const TextStyle(fontSize: 22, fontWeight: FontWeight.w700))),
      slider: Container(color: Colors.red),
      child: Container(color: Colors.amber),
    ));
  }
}
      
  • Using the below methods to control drawer .
 _key.currentState.closeDrawer();
 _key.currentState.openDrawer();
 _key.currentState.toggle();
 _key.currentState.isDrawerOpen();

  • Use below variable if you want to control animation.

_key.currentState.animationController

License

BSD 2-Clause License

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].