Flutter – How to blend an image with a gradient colour?
Use Stack to Get this Effect Its Very easy. Stack(children: <Widget>[ Container( decoration: BoxDecoration( color: Colors.transparent, image: DecorationImage( fit: BoxFit.fill, image: AssetImage( ‘images/bg.jpg’, ), ), ), height: 350.0, ), Container( height: 350.0, decoration: BoxDecoration( color: Colors.white, gradient: LinearGradient( begin: FractionalOffset.topCenter, end: FractionalOffset.bottomCenter, colors: [ Colors.grey.withOpacity(0.0), Colors.black, ], stops: [ 0.0, 1.0 ])), ) ]), Cheers