-[Implement][Feature] RightToLeft/LeftToRight slide

- Upgrade Flutter and Dart support
5 years ago · 84e6708692
parent 7214957200
commit 84e6708692
4 changed files with 193 additions and 162 deletions
--- a/lib/flutter_slider_drawer.dart
+++ b/lib/flutter_slider_drawer.dart
@ -1,163 +1,4 @@
 library flutter_slider_drawer;

-import 'package:flutter/material.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();
-  }
-}
+export 'package:flutter_slider_drawer/src/slider_open.dart';
+export 'package:flutter_slider_drawer/src/slider.dart';
--- a/lib/src/slider.dart
+++ b/lib/src/slider.dart
@ -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,
+      );
+    }
+  }
+}
--- a/lib/src/slider_open.dart
+++ b/lib/src/slider_open.dart
@ -0,0 +1 @@
+enum SliderOpen { LEFT_TO_RIGHT, RIGHT_TO_LEFT }
--- a/pubspec.yaml
+++ b/pubspec.yaml
@ -5,7 +5,7 @@ author: Nikhil Vadoliya <vadoliya.nikhil99@gmail.com>
 homepage: https://github.com/NikhilVadoliya/Flutter_slider_drawer

 environment:
-  sdk: ">=2.0.0 <3.0.0"
+  sdk: ">=2.6.0 <3.0.0"

 dependencies:
  flutter:
				`@ -0,0 +1 @@`
				`enum SliderOpen { LEFT_TO_RIGHT, RIGHT_TO_LEFT }`