-[Implement][Feature] RightToLeft/LeftToRight slide
- Upgrade Flutter and Dart supportmaster
NikhilVadoliya
5 years ago
parent
7214957200
commit
84e6708692
@ -1,163 +1,4 @@
|
|||||||
library flutter_slider_drawer;
|
library flutter_slider_drawer;
|
||||||
|
|
||||||
import 'package:flutter/material.dart';
|
export 'package:flutter_slider_drawer/src/slider_open.dart';
|
||||||
|
export 'package:flutter_slider_drawer/src/slider.dart';
|
||||||
class SliderMenuContainer extends StatefulWidget {
|
|
||||||
final Widget sliderMenuWidget;
|
|
||||||
final Widget sliderMainWidget;
|
|
||||||
final int sliderAnimationTimeInMilliseconds;
|
|
||||||
final double sliderMenuOpenOffset;
|
|
||||||
final double sliderMenuCloseOffset;
|
|
||||||
|
|
||||||
/*final double sliderMainOffset;*/
|
|
||||||
final Color drawerIconColor;
|
|
||||||
final Widget drawerIcon;
|
|
||||||
final double drawerIconSize;
|
|
||||||
final double appBarHeight;
|
|
||||||
final Widget title;
|
|
||||||
final bool isTitleCenter;
|
|
||||||
final Widget trailing;
|
|
||||||
final Color appBarColor;
|
|
||||||
final EdgeInsets appBarPadding;
|
|
||||||
|
|
||||||
const SliderMenuContainer({
|
|
||||||
Key key,
|
|
||||||
this.sliderMenuWidget,
|
|
||||||
this.sliderMainWidget,
|
|
||||||
this.sliderAnimationTimeInMilliseconds = 200,
|
|
||||||
this.sliderMenuOpenOffset = 265,
|
|
||||||
this.drawerIconColor = Colors.black,
|
|
||||||
this.drawerIcon,
|
|
||||||
this.isTitleCenter = true,
|
|
||||||
this.trailing,
|
|
||||||
this.appBarColor = Colors.white,
|
|
||||||
this.appBarPadding,
|
|
||||||
this.title,
|
|
||||||
this.drawerIconSize = 27,
|
|
||||||
this.appBarHeight,
|
|
||||||
this.sliderMenuCloseOffset = 0,
|
|
||||||
/* this.sliderMainOffset = 0*/
|
|
||||||
}) : assert(sliderMenuWidget != null),
|
|
||||||
assert(sliderMainWidget != null),
|
|
||||||
super(key: key);
|
|
||||||
|
|
||||||
@override
|
|
||||||
SliderMenuContainerState createState() => SliderMenuContainerState();
|
|
||||||
}
|
|
||||||
|
|
||||||
class SliderMenuContainerState extends State<SliderMenuContainer>
|
|
||||||
with SingleTickerProviderStateMixin {
|
|
||||||
double _slideBarXOffset = 0;
|
|
||||||
double _slideBarYOffset = 0;
|
|
||||||
bool _isSlideBarOpen = false;
|
|
||||||
AnimationController _animationController;
|
|
||||||
|
|
||||||
Widget drawerIcon;
|
|
||||||
double db = 0;
|
|
||||||
|
|
||||||
bool get isDrawerOpen => _isSlideBarOpen;
|
|
||||||
|
|
||||||
void toggle() {
|
|
||||||
setState(() {
|
|
||||||
_isSlideBarOpen
|
|
||||||
? _animationController.reverse()
|
|
||||||
: _animationController.forward();
|
|
||||||
_slideBarXOffset = _isSlideBarOpen
|
|
||||||
? widget.sliderMenuCloseOffset
|
|
||||||
: widget.sliderMenuOpenOffset;
|
|
||||||
_slideBarYOffset = 0;
|
|
||||||
_isSlideBarOpen = !_isSlideBarOpen;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
void openDrawer() {
|
|
||||||
setState(() {
|
|
||||||
_animationController.forward();
|
|
||||||
_slideBarXOffset = widget.sliderMenuOpenOffset;
|
|
||||||
_isSlideBarOpen=true;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
void closeDrawer() {
|
|
||||||
setState(() {
|
|
||||||
_animationController.reverse();
|
|
||||||
_slideBarXOffset = widget.sliderMenuCloseOffset;
|
|
||||||
_slideBarYOffset = 0;
|
|
||||||
_isSlideBarOpen=false;
|
|
||||||
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
void initState() {
|
|
||||||
super.initState();
|
|
||||||
|
|
||||||
_animationController = AnimationController(
|
|
||||||
vsync: this,
|
|
||||||
duration:
|
|
||||||
Duration(milliseconds: widget.sliderAnimationTimeInMilliseconds));
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return Container(
|
|
||||||
child: Stack(children: <Widget>[
|
|
||||||
Container(
|
|
||||||
width: widget.sliderMenuOpenOffset,
|
|
||||||
child: widget.sliderMenuWidget,
|
|
||||||
),
|
|
||||||
AnimatedContainer(
|
|
||||||
duration:
|
|
||||||
Duration(milliseconds: widget.sliderAnimationTimeInMilliseconds),
|
|
||||||
curve: Curves.easeIn,
|
|
||||||
width: double.infinity,
|
|
||||||
height: double.infinity,
|
|
||||||
color: Colors.white,
|
|
||||||
transform: Matrix4.translationValues(
|
|
||||||
_slideBarXOffset, _slideBarYOffset, 1.0),
|
|
||||||
child: Column(
|
|
||||||
children: <Widget>[
|
|
||||||
Container(
|
|
||||||
padding: widget.appBarPadding ?? const EdgeInsets.only(top: 24),
|
|
||||||
color: widget.appBarColor,
|
|
||||||
child: Row(
|
|
||||||
children: <Widget>[
|
|
||||||
SizedBox(
|
|
||||||
height: widget.appBarHeight ?? 0,
|
|
||||||
),
|
|
||||||
widget.drawerIcon ??
|
|
||||||
IconButton(
|
|
||||||
icon: AnimatedIcon(
|
|
||||||
icon: AnimatedIcons.menu_close,
|
|
||||||
color: widget.drawerIconColor,
|
|
||||||
size: widget.drawerIconSize,
|
|
||||||
progress: _animationController),
|
|
||||||
onPressed: () {
|
|
||||||
toggle();
|
|
||||||
}),
|
|
||||||
Expanded(
|
|
||||||
child: widget.isTitleCenter
|
|
||||||
? Center(
|
|
||||||
child: widget.title,
|
|
||||||
)
|
|
||||||
: widget.title,
|
|
||||||
),
|
|
||||||
widget.trailing ??
|
|
||||||
SizedBox(
|
|
||||||
width: 35,
|
|
||||||
)
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Expanded(child: widget.sliderMainWidget),
|
|
||||||
],
|
|
||||||
)),
|
|
||||||
]));
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
void dispose() {
|
|
||||||
super.dispose();
|
|
||||||
_animationController.dispose();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
@ -0,0 +1,189 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_slider_drawer/flutter_slider_drawer.dart';
|
||||||
|
|
||||||
|
class SliderMenuContainer extends StatefulWidget {
|
||||||
|
final Widget sliderMenuWidget;
|
||||||
|
final Widget sliderMainWidget;
|
||||||
|
final int sliderAnimationTimeInMilliseconds;
|
||||||
|
final double sliderMenuOpenOffset;
|
||||||
|
final double sliderMenuCloseOffset;
|
||||||
|
|
||||||
|
/*final double sliderMainOffset;*/
|
||||||
|
final Color drawerIconColor;
|
||||||
|
final Widget drawerIcon;
|
||||||
|
final double drawerIconSize;
|
||||||
|
final double appBarHeight;
|
||||||
|
final Widget title;
|
||||||
|
final bool isTitleCenter;
|
||||||
|
final Widget trailing;
|
||||||
|
final Color appBarColor;
|
||||||
|
final EdgeInsets appBarPadding;
|
||||||
|
final SliderOpen sliderOpen;
|
||||||
|
|
||||||
|
const SliderMenuContainer({
|
||||||
|
Key key,
|
||||||
|
this.sliderMenuWidget,
|
||||||
|
this.sliderMainWidget,
|
||||||
|
this.sliderAnimationTimeInMilliseconds = 200,
|
||||||
|
this.sliderMenuOpenOffset = 265,
|
||||||
|
this.drawerIconColor = Colors.black,
|
||||||
|
this.drawerIcon,
|
||||||
|
this.isTitleCenter = true,
|
||||||
|
this.trailing,
|
||||||
|
this.appBarColor = Colors.white,
|
||||||
|
this.appBarPadding,
|
||||||
|
this.title,
|
||||||
|
this.drawerIconSize = 27,
|
||||||
|
this.appBarHeight,
|
||||||
|
this.sliderMenuCloseOffset = 0,
|
||||||
|
this.sliderOpen = SliderOpen.LEFT_TO_RIGHT,
|
||||||
|
/* this.sliderMainOffset = 0*/
|
||||||
|
}) : assert(sliderMenuWidget != null),
|
||||||
|
assert(sliderMainWidget != null),
|
||||||
|
super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
SliderMenuContainerState createState() => SliderMenuContainerState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class SliderMenuContainerState extends State<SliderMenuContainer>
|
||||||
|
with SingleTickerProviderStateMixin {
|
||||||
|
double _slideBarXOffset = 0;
|
||||||
|
double _slideBarYOffset = 0;
|
||||||
|
bool _isSlideBarOpen = false;
|
||||||
|
AnimationController _animationController;
|
||||||
|
|
||||||
|
Widget drawerIcon;
|
||||||
|
double db = 0;
|
||||||
|
|
||||||
|
bool get isDrawerOpen => _isSlideBarOpen;
|
||||||
|
|
||||||
|
void toggle() {
|
||||||
|
setState(() {
|
||||||
|
_isSlideBarOpen
|
||||||
|
? _animationController.reverse()
|
||||||
|
: _animationController.forward();
|
||||||
|
_slideBarXOffset = _isSlideBarOpen
|
||||||
|
? widget.sliderMenuCloseOffset
|
||||||
|
: widget.sliderMenuOpenOffset;
|
||||||
|
_slideBarYOffset = 0;
|
||||||
|
_isSlideBarOpen = !_isSlideBarOpen;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
void openDrawer() {
|
||||||
|
setState(() {
|
||||||
|
_animationController.forward();
|
||||||
|
_slideBarXOffset = widget.sliderMenuOpenOffset;
|
||||||
|
_isSlideBarOpen = true;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
void closeDrawer() {
|
||||||
|
setState(() {
|
||||||
|
_animationController.reverse();
|
||||||
|
_slideBarXOffset = widget.sliderMenuCloseOffset;
|
||||||
|
_slideBarYOffset = 0;
|
||||||
|
_isSlideBarOpen = false;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
|
||||||
|
_animationController = AnimationController(
|
||||||
|
vsync: this,
|
||||||
|
duration:
|
||||||
|
Duration(milliseconds: widget.sliderAnimationTimeInMilliseconds));
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Container(
|
||||||
|
child: Stack(children: <Widget>[
|
||||||
|
menuWidget(),
|
||||||
|
AnimatedContainer(
|
||||||
|
duration:
|
||||||
|
Duration(milliseconds: widget.sliderAnimationTimeInMilliseconds),
|
||||||
|
curve: Curves.easeIn,
|
||||||
|
width: double.infinity,
|
||||||
|
height: double.infinity,
|
||||||
|
color: Colors.white,
|
||||||
|
transform: Matrix4.translationValues(
|
||||||
|
widget.sliderOpen == SliderOpen.RIGHT_TO_LEFT
|
||||||
|
? -_slideBarXOffset
|
||||||
|
: _slideBarXOffset,
|
||||||
|
_slideBarYOffset,
|
||||||
|
1.0),
|
||||||
|
child: Column(
|
||||||
|
children: <Widget>[
|
||||||
|
Container(
|
||||||
|
padding: widget.appBarPadding ?? const EdgeInsets.only(top: 24),
|
||||||
|
color: widget.appBarColor,
|
||||||
|
child: Row(
|
||||||
|
children: appBar(),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Expanded(child: widget.sliderMainWidget),
|
||||||
|
],
|
||||||
|
)),
|
||||||
|
]));
|
||||||
|
}
|
||||||
|
|
||||||
|
List<Widget> appBar() {
|
||||||
|
List<Widget> list = [
|
||||||
|
widget.drawerIcon ??
|
||||||
|
IconButton(
|
||||||
|
icon: AnimatedIcon(
|
||||||
|
icon: AnimatedIcons.menu_close,
|
||||||
|
color: widget.drawerIconColor,
|
||||||
|
size: widget.drawerIconSize,
|
||||||
|
progress: _animationController),
|
||||||
|
onPressed: () {
|
||||||
|
toggle();
|
||||||
|
}),
|
||||||
|
Expanded(
|
||||||
|
child: widget.isTitleCenter
|
||||||
|
? Center(
|
||||||
|
child: widget.title,
|
||||||
|
)
|
||||||
|
: widget.title,
|
||||||
|
),
|
||||||
|
widget.trailing ??
|
||||||
|
SizedBox(
|
||||||
|
width: 35,
|
||||||
|
)
|
||||||
|
];
|
||||||
|
|
||||||
|
if (widget.sliderOpen == SliderOpen.RIGHT_TO_LEFT) {
|
||||||
|
return list.reversed.toList();
|
||||||
|
}
|
||||||
|
return list;
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
super.dispose();
|
||||||
|
_animationController.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
menuWidget() {
|
||||||
|
if (widget.sliderOpen == SliderOpen.RIGHT_TO_LEFT) {
|
||||||
|
return Positioned(
|
||||||
|
right: 0,
|
||||||
|
top: 0,
|
||||||
|
bottom: 0,
|
||||||
|
child: Container(
|
||||||
|
width: widget.sliderMenuOpenOffset,
|
||||||
|
child: widget.sliderMenuWidget,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
return Container(
|
||||||
|
width: widget.sliderMenuOpenOffset,
|
||||||
|
child: widget.sliderMenuWidget,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1 @@
|
|||||||
|
enum SliderOpen { LEFT_TO_RIGHT, RIGHT_TO_LEFT }
|
||||||
Loading…
Reference in New Issue