title: Flutter Image fade out at bottom (Gradient)
body: <p>Is there a way to make an Image fade out towards the bottom? So the Image has transperency 0 at the bottom.</p>
  
  <p>I need the Image to be transparent, I can't use a Stack and overlay the Image at the bottom with a Color, because I don't know whats underneath the Image.</p>
  
  <p>This is my Image</p>
  
  <pre><code>            Container(
                decoration: BoxDecoration(
                  image: DecorationImage(
                    fit: BoxFit.cover,
                    colorFilter: new ColorFilter.mode(Colors.black.withOpacity(1), BlendMode.dstATop),
                    image: NetworkImage(
                      routine.thumbnail
                    )
                  )
                ),
              )
  </code></pre>
  
  <p>I can't do this:</p>
  
  <pre><code>        background: Stack(
            alignment: AlignmentDirectional.bottomCenter,                        
            children: &lt;Widget&gt;[
              Container(
                decoration: BoxDecoration(
                  image: DecorationImage(
                    fit: BoxFit.cover,
                    image: NetworkImage(
                      routine.thumbnail,
                    )
                  )
                ),
              ),
              Container(
                width: 1000,
                height: 100,
                decoration: BoxDecoration(
                  gradient: LinearGradient(
                    begin: FractionalOffset.topCenter,
                    end: FractionalOffset.bottomCenter,
                    colors: [
                      Colors.transparent,
                      someColor // I don't know what Color this will be, so I can't use this
                    ]
                  )
                ),
              ),
            ]
          ),
  </code></pre>