flutter_drawer_plus #

This is a fork from flutter_inner_drawer

Drawer Plus is an easy way to create an internal side section (left/right) where you can insert a list menu or other.

Installing #

Add this to your package's pubspec.yaml file:

dependencies:
  flutter_drawer_plus: "^1.0.0+1"

Demo #

Simple usage #

import 'package:flutter_drawer_plus/flutter_drawer_plus.dart';
   
    @override
    Widget build(BuildContext context)
    {
        return DrawerPlus(
            key: _drawerPlusKey,
            onTapClose: true, // default false
            swipe: true, // default true            
            colorTransitionChild: Color.red, // default Color.black54
            colorTransitionScaffold: Color.black54, // default Color.black54
            
            //When setting the vertical offset, be sure to use only top or bottom
            offset: IDOffset.only(bottom: 0.05, right: 0.0, left: 0.0),
            
            scale: IDOffset.horizontal( 0.8 ), // set the offset in both directions
            
            proportionalChildArea : true, // default true
            borderRadius: 50, // default 0
            leftAnimationType: InnerDrawerAnimation.static, // default static
            rightAnimationType: InnerDrawerAnimation.quadratic,
            backgroundDecoration: BoxDecoration(color: Colors.red ), // default  Theme.of(context).backgroundColor
            
            //when a pointer that is in contact with the screen and moves to the right or left            
            onDragUpdate: (double val, InnerDrawerDirection direction) {
                // return values between 1 and 0
                print(val);
                // check if the swipe is to the right or to the left
                print(direction==InnerDrawerDirection.start);
            },
            
            drawerPlusCallback: (a) => print(a), // return  true (open) or false (close)
            leftChild: Container(), // required if rightChild is not set
            rightChild: Container(), // required if leftChild is not set
            
            //  A Scaffold is generally used but you are free to use other widgets
            // Note: use "automaticallyImplyLeading: false" if you do not personalize "leading" of Bar
            scaffold: Scaffold(
                appBar: AppBar(
                    automaticallyImplyLeading: false
                ),
            ) 
            /* OR
            CupertinoPageScaffold(                
                navigationBar: CupertinoNavigationBar(
                    automaticallyImplyLeading: false
                ),
            ), 
            */
        );
    }
    
    //  Current State of InnerDrawerState
    final GlobalKey<DrawerPlusState> _drawerPlusKey = GlobalKey<DrawerPlusState>();    

    void _toggle()
    {
       _drawerPlusKey.currentState.toggle(
       // direction is optional 
       // if not set, the last direction will be used
       //DrawerPlusDirection.start OR DrawerPlusDirection.end                        
        direction: DrawerPlusDirection.end 
       );
    }
    

DrawerPlus Parameters #

Issues #

If you encounter problems, open an issue. Pull request are also welcome.