GFDrawer with gradient color backgroung completed

Author: deepikahr

example/lib/main.dart

@@ -73,7 +73,19 @@ class _MyHomePageState extends State<MyHomePage> {
   Widget build(BuildContext context) {
     return Scaffold(
       drawer: GFDrawer(
+        colorFilter: new ColorFilter.mode(Colors.black.withOpacity(0.6), BlendMode.darken),
         backgroundImage: NetworkImage("https://cdn.pixabay.com/photo/2017/12/03/18/04/christmas-balls-2995437_960_720.jpg"),
+        gradient: LinearGradient(
+          begin: Alignment.topRight,
+          end: Alignment.bottomLeft,
+          stops: [0.1, 0.5, 0.7, 0.9],
+          colors: [
+            Colors.teal[800],
+            Colors.teal[600],
+            Colors.teal[400],
+            Colors.teal[200],
+          ],
+        ),
         child: ListView(
           padding: EdgeInsets.zero,
           children: <Widget>[

lib/components/drawer/gf_drawer.dart

@@ -130,7 +130,9 @@ class GFDrawer extends StatelessWidget {
     this.elevation = 16.0,
     this.child,
     this.semanticLabel,
-    this.backgroundImage
+    this.backgroundImage,
+    this.colorFilter,
+    this.gradient
   }) : assert(elevation != null && elevation >= 0.0),
         super(key: key);
 
@@ -161,8 +163,15 @@ class GFDrawer extends StatelessWidget {
   ///    value is used.
   final String semanticLabel;
 
+  /// Background image can be added to the [GFDrawer].
   final ImageProvider backgroundImage;
 
+  /// A composited layer that applies a color filter to its children.
+  final ColorFilter colorFilter;
+
+  ///
+  final Gradient gradient;
+
   @override
   Widget build(BuildContext context) {
     assert(debugCheckHasMaterialLocalizations(context));
@@ -186,12 +195,13 @@ class GFDrawer extends StatelessWidget {
           elevation: elevation,
           child: Container(
               decoration: new BoxDecoration(
-                image: new DecorationImage(
+                color: Colors.teal,
+                gradient: gradient,
+                image: backgroundImage != null ? new DecorationImage(
                   image: backgroundImage,
                   fit: BoxFit.cover,
-                  colorFilter: new ColorFilter.mode(
-                      Colors.black.withOpacity(0.65), BlendMode.darken),
-                ),
+                  colorFilter: colorFilter,
+                ) : null,
               ),
               child: child
           ),