added proportionalChildArea - Cleaning code

Author: Dn-a

CHANGELOG.md

@@ -1,12 +1,22 @@
-## [0.5.0] - 2019-10-16.
+## [0.5.1]  2019-11-09.
+
+* **General improvement of the code**
+*
+* Added `proportionalChildArea`. if == true dynamically sets the width based on the selected offset, otherwise it leaves the width at 100% of the screen.
+* Possibility to set `boxShadow` also for linear animation.
+* When `borderSide` > 0, `boxShadow` did not work, fixed.
+* Cleaning code.
+* Update Readme.
+
+## [0.5.0]  2019-10-16.
 
 * **new Features and Documentation Updates**
 *
 * Added `borderRadius` field for scaffold border - (double value).
 * Added `leftScale` and  `RightScale` fields for scaffold scaling - (double value).
 * Added `onDragUpdate(double value, InnerDraweDirection direction)` callback function.
 
-## [0.4.0] - 2019-08-07.
+## [0.4.0]  2019-08-07.
 
 * **new Features and Documentation Updates**
 *
@@ -15,78 +25,78 @@
 * Parameter `animationType` replaced with `leftAnimationType` and `rightAnimationType`.
 * Possibility to tap the scaffold even when open with `tapScaffoldEnabled`. 
 
-## [0.3.0] - 2019-07-07.
+## [0.3.0]  2019-07-07.
 
 * General improvement of the code.
 
-## [0.2.9] - 2019-06-20.
+## [0.2.9]  2019-06-20.
 
 * Updated dependencies.
 * Added toggle method.
 
-## [0.2.8] - 2019-06-14.
+## [0.2.8]  2019-06-14.
 
 * fix history.
 
-## [0.2.7] - 2019-06-14.
+## [0.2.7]  2019-06-14.
 
 * Cleaning code.
 * Update Readme.
 
-## [0.2.6] - 2019-05-13.
+## [0.2.6]  2019-05-13.
 
 * Fixed InnerDrawerCallback.
 
-## [0.2.5] - 2019-04-19.
+## [0.2.5]  2019-04-19.
 
 * General improvement of the code.
 
-## [0.2.4] - 2019-04-16.
+## [0.2.4]  2019-04-16.
 
 * Fix swipe precision.
 
-## [0.2.3] - 2019-04-06.
+## [0.2.3]  2019-04-06.
 
 * fix some problem.
 * General improvement of the code.
 
-## [0.2.2] - 2019-02-26.
+## [0.2.2]  2019-02-26.
 
 * fix some artifacts with linear animation.
 
-## [0.2.1] - 2019-02-25.
+## [0.2.1]  2019-02-25.
 
 * solved the problem of CupertinoThemeData that launched an assert.
 
-## [0.2.0] - 2019-02-16.
+## [0.2.0]  2019-02-16.
 
 * 3 types of animation (static - linear - quadratic) 
 * Improved documentation.
 
-## [0.1.5] - 2019-02-13.
+## [0.1.5]  2019-02-13.
 
 * Improved documentation.
 
-## [0.1.4] - 2019-02-13.
+## [0.1.4]  2019-02-13.
 
 * Improved documentation.
 
-## [0.1.3] - 2019-02-13.
+## [0.1.3]  2019-02-13.
 
 * fixed swipe.
 
-## [0.1.2] - 2019-02-13.
+## [0.1.2]  2019-02-13.
 
 * Added side trigger - Possibility to activate/deactivate the swipe.
 
-## [0.1.1] - 2019-02-12.
+## [0.1.1]  2019-02-12.
 
 * Improved documentation.
 
-## [0.1.0] - 2019-02-12.
+## [0.1.0]  2019-02-12.
 
 * Improved documentation - General improvement of the code.
 
-## [0.0.1] - 2019-02-12.
+## [0.0.1]  2019-02-12.
 
 * Created Inner Drawer.

README.md

@@ -1,5 +1,5 @@
 # flutter_inner_drawer
-[![pub package](https://img.shields.io/badge/pub-0.5.0-orange.svg)](https://pub.dartlang.org/packages/flutter_inner_drawer)
+[![pub package](https://img.shields.io/badge/pub-0.5.1-orange.svg)](https://pub.dartlang.org/packages/flutter_inner_drawer)
 [![Awesome Flutter](https://img.shields.io/badge/Awesome-Flutter-blue.svg?longCache=true&style=flat-square)](https://github.com/Solido/awesome-flutter#drawers)
 [![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://www.paypal.me/dnag88)
 
@@ -10,7 +10,7 @@ Inner Drawer is an easy way to create an internal side section (left/right) wher
 Add this to your package's pubspec.yaml file:
 ```dart
 dependencies:
-  flutter_inner_drawer: "^0.5.0"
+  flutter_inner_drawer: "^0.5.1"
 ```
 ## Demo
 <div align="center">
@@ -45,9 +45,10 @@ import 'package:flutter_inner_drawer/inner_drawer.dart';
             colorTransition: Color.red, // default Color.black54
             innerDrawerCallback: (a) => print(a ),// return bool
             leftOffset: 0.6, // default 0.4
-            rightOffset: 0.6,// default 0.4
+            rightOffset: 0.6,// default 0.4            
             leftScale: 0.9,// default 1
             rightScale: 0.9,// default 1
+            proportionalChildArea : true, // default true
             borderRadius: 50, // default 0
             leftAnimationType: InnerDrawerAnimation.static, // default static
             rightAnimationType: InnerDrawerAnimation.quadratic,
@@ -104,6 +105,7 @@ import 'package:flutter_inner_drawer/inner_drawer.dart';
 |`rightOffset`|*Offset drawer width*|0.4|
 |`leftScale`|*Left scaffold scaling*|1|
 |`rightScale`|*Right scaffold scaling*|1|
+|`proportionalChildArea`|*If true, dynamically sets the width based on the selected offset, otherwise it leaves the width at 100% of the screen.*|true|
 |`borderRadius`|*For scaffold border*|0|
 |`onTapClose`|*Tap on the Scaffold closes it*|false|
 |`swipe`|*activate or deactivate the swipe*|true|

example/lib/example_1.dart

@@ -31,6 +31,8 @@ class _ExampleOneState extends State<ExampleOne>
 
   double _dragUpdate = 0;
 
+  InnerDrawerDirection _direction = InnerDrawerDirection.start;
+
   String _title = "One";
 
   @override
@@ -60,6 +62,10 @@ class _ExampleOneState extends State<ExampleOne>
       leftOffset: _offset,
       rightOffset: _offset,
       swipe: _swipe,
+      boxShadow: _direction == InnerDrawerDirection.start &&
+              _animationType == InnerDrawerAnimation.linear
+          ? []
+          : null,
       colorTransition: currentColor,
       leftAnimationType: _animationType,
       rightAnimationType: InnerDrawerAnimation.linear,
@@ -612,8 +618,10 @@ class _ExampleOneState extends State<ExampleOne>
             ),
           ))),
 
-      onDragUpdate: (double val, InnerDrawerDirection direction) =>
-          setState(() => _dragUpdate = val),
+      onDragUpdate: (double val, InnerDrawerDirection direction) {
+        _direction = direction;
+        setState(() => _dragUpdate = val);
+      },
       //innerDrawerCallback: (a) => print(a),
     );
   }

lib/inner_drawer.dart

@@ -47,6 +47,7 @@ class InnerDrawer extends StatefulWidget {
       this.rightOffset = 0.4,
       this.leftScale = 1,
       this.rightScale = 1,
+      this.proportionalChildArea = true,
       this.borderRadius = 0,
       this.onTapClose = false,
       this.tapScaffoldEnabled = false,
@@ -84,6 +85,10 @@ class InnerDrawer extends StatefulWidget {
   /// values between 1 and 0
   final double rightScale;
 
+  /// The proportionalChild Area = true dynamically sets the width based on the selected offset.
+  /// On false it leaves the width at 100% of the screen
+  final bool proportionalChildArea;
+
   /// edge radius when opening the scaffold - (defalut 0)
   final double borderRadius;
 
@@ -355,7 +360,8 @@ class InnerDrawerState extends State<InnerDrawer>
   /// return widget with specific animation
   Widget _innerAnimationType(double width, InnerDrawerAnimation animationType) {
     final Widget container = Container(
-      width: _width - width,
+      //width: _width - width,
+      width: widget.proportionalChildArea ? _width - width : _width,
       height: MediaQuery.of(context).size.height,
       child: _position == InnerDrawerDirection.start
           ? widget.leftChild
@@ -432,24 +438,23 @@ class InnerDrawerState extends State<InnerDrawer>
 
     Widget container = Container(
         key: _drawerKey,
-        decoration: animationType == InnerDrawerAnimation.linear
-            ? null
-            : BoxDecoration(
-                boxShadow: widget.boxShadow ??
-                    [
-                      BoxShadow(
-                        color: Colors.black.withOpacity(0.5),
-                        blurRadius: 5,
-                      )
-                    ]),
-        child: widget.scaffold);
-
-    if (widget.borderRadius != 0)
-      container = ClipRRect(
-        borderRadius: BorderRadius.circular(
-            (1 - _controller.value) * widget.borderRadius),
-        child: container,
-      );
+        decoration: BoxDecoration(
+            borderRadius: BorderRadius.circular(
+                widget.borderRadius * (1 - _controller.value)),
+            boxShadow: widget.boxShadow ??
+                [
+                  BoxShadow(
+                    color: Colors.black.withOpacity(0.5),
+                    blurRadius: 5,
+                  )
+                ]),
+        child: widget.borderRadius != 0
+            ? ClipRRect(
+                borderRadius: BorderRadius.circular(
+                    (1 - _controller.value) * widget.borderRadius),
+                child: widget.scaffold,
+              )
+            : widget.scaffold);
 
     double scaleFactor = _position == InnerDrawerDirection.start
         ? widget.leftScale

pubspec.yaml

@@ -1,6 +1,6 @@
 name: flutter_inner_drawer
 description: Inner Drawer is an easy way to create an internal side section (left/right) where you can insert a list menu or other.
-version: 0.5.0
+version: 0.5.1
 author: Antonino Di Natale <[email protected]>
 homepage: https://github.com/Dn-a/flutter_inner_drawer