Flutter slider drawer

admin
0

A Flutter package with custom implementation of the Slider Drawer Menu

Plugin example demo

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

dependencies:
  flutter_slider_drawer: '<latest_release>'pub package pub package

pub package pub package

Features

  • Slider with custom animation time
  • Provide Basic Appbar with customization of color, sizes 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

Code

 return SliderMenuContainer(
        appBarColor: Colors.white,
        key: _key,
        sliderMenuOpenSize: 200,
        title: Text(
          title,
          style: TextStyle(fontSize: 22, fontWeight: FontWeight.w700),
        ),
        sliderMenu: MenuWidget(
          onItemClick: (title) {
            _key.currentState.closeDrawer();
            setState(() {
              this.title = title;
            });
          },
        ),
        sliderMain: MainWidget());

Slider open

| SliderOpen.LEFT_TO_RIGHT | SliderOpen.RIGHT_TO_LEFT | SliderOpen.TOP_TO_BOTTOM | |---|---|---| | https://raw.githubusercontent.com/Attiv/Flutter_slider_drawer/master/slider_left | https://raw.githubusercontent.com/Attiv/Flutter_slider_drawer/master/slider_right | slider_top |

Controlling the drawer

GlobalKey<SliderMenuContainerState> _key =
      new GlobalKey<SliderMenuContainerState>();
  
   @override
  Widget build(BuildContext context) {
  return SliderMenuContainer(
              appBarColor: Colors.white,
              key: _key,
              sliderMenuOpenSize: 200,
              sliderMenu: MenuWidget(
                onItemClick: (title) {
                  _key.currentState.closeDrawer();
                  setState(() {
                    this.title = title;
                  });
                },
              ),
              sliderMain: MainWidget()),
      
  • Using the below methods for controll drawer .
 _key.currentState.closeDrawer();
 _key.currentState.openDrawer();
 _key.currentState.toggle();
 _key.currentState.isDrawerOpen();

  • Use below variable if you want to controlle animation.

_key.currentState.animationController

License

BSD 2-Clause License

Tags

Post a Comment

0Comments
Post a Comment (0)