|
|
|
import 'package:flutter/animation.dart';
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:flutter_slider_drawer/src/app_bar.dart';
|
|
|
|
import 'package:flutter_slider_drawer/src/menu_bar.dart';
|
|
|
|
import 'package:flutter_slider_drawer/src/helper/utils.dart';
|
|
|
|
import 'package:flutter_slider_drawer/src/slider_direction.dart';
|
|
|
|
|
|
|
|
class SliderMenuContainer extends StatefulWidget {
|
|
|
|
final Widget sliderMenu;
|
|
|
|
final Widget sliderMain;
|
|
|
|
final int animationDuration;
|
|
|
|
final double sliderMenuOpenSize;
|
|
|
|
final double sliderMenuCloseSize;
|
|
|
|
|
|
|
|
final bool hasAppBar;
|
|
|
|
final Color drawerIconColor;
|
|
|
|
final Widget drawerIcon;
|
|
|
|
final double drawerIconSize;
|
|
|
|
final Color splashColor;
|
|
|
|
final double appBarHeight;
|
|
|
|
final Widget title;
|
|
|
|
final bool isTitleCenter;
|
|
|
|
final bool isShadow;
|
|
|
|
final Color shadowColor;
|
|
|
|
final double shadowBlurRadius;
|
|
|
|
final double shadowSpreadRadius;
|
|
|
|
|
|
|
|
final Widget trailing;
|
|
|
|
final Color appBarColor;
|
|
|
|
final EdgeInsets appBarPadding;
|
|
|
|
final SlideDirection slideDirection;
|
|
|
|
|
|
|
|
const SliderMenuContainer({
|
|
|
|
Key key,
|
|
|
|
this.sliderMenu,
|
|
|
|
this.sliderMain,
|
|
|
|
this.animationDuration = 200,
|
|
|
|
this.sliderMenuOpenSize = 265,
|
|
|
|
this.drawerIconColor = Colors.black,
|
|
|
|
this.drawerIcon,
|
|
|
|
this.splashColor,
|
|
|
|
this.isTitleCenter = true,
|
|
|
|
this.trailing,
|
|
|
|
this.appBarColor = Colors.white,
|
|
|
|
this.appBarPadding,
|
|
|
|
this.title,
|
|
|
|
this.drawerIconSize = 27,
|
|
|
|
this.appBarHeight = 70,
|
|
|
|
this.sliderMenuCloseSize = 0,
|
|
|
|
this.slideDirection = SlideDirection.LEFT_TO_RIGHT,
|
|
|
|
this.isShadow = false,
|
|
|
|
this.shadowColor = Colors.grey,
|
|
|
|
this.shadowBlurRadius = 25.0,
|
|
|
|
this.shadowSpreadRadius = 5.0,
|
|
|
|
this.hasAppBar = true,
|
|
|
|
}) : assert(sliderMenu != null),
|
|
|
|
assert(sliderMain != null),
|
|
|
|
super(key: key);
|
|
|
|
|
|
|
|
@override
|
|
|
|
SliderMenuContainerState createState() => SliderMenuContainerState();
|
|
|
|
}
|
|
|
|
|
|
|
|
class SliderMenuContainerState extends State<SliderMenuContainer>
|
|
|
|
with TickerProviderStateMixin {
|
|
|
|
AnimationController _animationDrawerController;
|
|
|
|
Animation animation;
|
|
|
|
|
|
|
|
Widget drawerIcon;
|
|
|
|
|
|
|
|
/// check whether drawer is open
|
|
|
|
bool get isDrawerOpen => _animationDrawerController.isCompleted;
|
|
|
|
|
|
|
|
/// it's provide [animationController] for handle and lister drawer animation
|
|
|
|
AnimationController get animationController => _animationDrawerController;
|
|
|
|
|
|
|
|
/// Toggle drawer
|
|
|
|
void toggle() => _animationDrawerController.isCompleted
|
|
|
|
? _animationDrawerController.reverse()
|
|
|
|
: _animationDrawerController.forward();
|
|
|
|
|
|
|
|
/// Open drawer
|
|
|
|
void openDrawer() => _animationDrawerController.forward();
|
|
|
|
|
|
|
|
/// Close drawer
|
|
|
|
void closeDrawer() => _animationDrawerController.reverse();
|
|
|
|
|
|
|
|
@override
|
|
|
|
void initState() {
|
|
|
|
super.initState();
|
|
|
|
|
|
|
|
_animationDrawerController = AnimationController(
|
|
|
|
vsync: this,
|
|
|
|
duration: Duration(milliseconds: widget.animationDuration));
|
|
|
|
|
|
|
|
animation = Tween<double>(
|
|
|
|
begin: widget.sliderMenuCloseSize, end: widget.sliderMenuOpenSize)
|
|
|
|
.animate(CurvedAnimation(
|
|
|
|
parent: _animationDrawerController,
|
|
|
|
curve: Curves.easeIn,
|
|
|
|
reverseCurve: Curves.easeOut));
|
|
|
|
}
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
return Container(
|
|
|
|
child: Stack(children: <Widget>[
|
|
|
|
/// Display Menu
|
|
|
|
SlideMenuBar(
|
|
|
|
slideDirection: widget.slideDirection,
|
|
|
|
sliderMenu: widget.sliderMenu,
|
|
|
|
sliderMenuOpenSize: widget.sliderMenuOpenSize,
|
|
|
|
),
|
|
|
|
|
|
|
|
/// Displaying the shadow
|
|
|
|
if (widget.isShadow) ...[
|
|
|
|
AnimatedBuilder(
|
|
|
|
animation: _animationDrawerController,
|
|
|
|
builder: (anim, child) {
|
|
|
|
return Transform.translate(
|
|
|
|
offset: Utils.getOffsetValueForShadow(widget.slideDirection,
|
|
|
|
animation.value, widget.sliderMenuOpenSize),
|
|
|
|
child: child,
|
|
|
|
);
|
|
|
|
return child;
|
|
|
|
},
|
|
|
|
child: Container(
|
|
|
|
width: double.infinity,
|
|
|
|
height: double.infinity,
|
|
|
|
decoration: BoxDecoration(shape: BoxShape.rectangle, boxShadow: [
|
|
|
|
BoxShadow(
|
|
|
|
color: widget.shadowColor,
|
|
|
|
blurRadius: widget.shadowBlurRadius, // soften the shadow
|
|
|
|
spreadRadius: widget.shadowSpreadRadius, //extend the shadow
|
|
|
|
offset: Offset(
|
|
|
|
15.0, // Move to right 15 horizontally
|
|
|
|
15.0, // Move to bottom 15 Vertically
|
|
|
|
),
|
|
|
|
)
|
|
|
|
]),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
|
|
|
|
//Display Main Screen
|
|
|
|
AnimatedBuilder(
|
|
|
|
animation: _animationDrawerController,
|
|
|
|
builder: (anim, child) {
|
|
|
|
return Transform.translate(
|
|
|
|
offset:
|
|
|
|
Utils.getOffsetValues(widget.slideDirection, animation.value),
|
|
|
|
child: child,
|
|
|
|
);
|
|
|
|
},
|
|
|
|
child: Container(
|
|
|
|
width: double.infinity,
|
|
|
|
height: double.infinity,
|
|
|
|
color: widget.appBarColor,
|
|
|
|
child: Column(
|
|
|
|
children: <Widget>[
|
|
|
|
if (widget.hasAppBar)
|
|
|
|
SliderAppBar(
|
|
|
|
slideDirection: widget.slideDirection,
|
|
|
|
onTap: () => toggle(),
|
|
|
|
appBarHeight: widget.appBarHeight,
|
|
|
|
animationController: _animationDrawerController,
|
|
|
|
appBarColor: widget.appBarColor,
|
|
|
|
appBarPadding: widget.appBarPadding,
|
|
|
|
drawerIcon: widget.drawerIcon,
|
|
|
|
drawerIconColor: widget.drawerIconColor,
|
|
|
|
drawerIconSize: widget.drawerIconSize,
|
|
|
|
isTitleCenter: widget.isTitleCenter,
|
|
|
|
splashColor: widget.splashColor,
|
|
|
|
title: widget.title ?? '',
|
|
|
|
trailing: widget.trailing,
|
|
|
|
),
|
|
|
|
Expanded(child: widget.sliderMain),
|
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
]));
|
|
|
|
}
|
|
|
|
|
|
|
|
@override
|
|
|
|
void dispose() {
|
|
|
|
super.dispose();
|
|
|
|
_animationDrawerController.dispose();
|
|
|
|
}
|
|
|
|
}
|