How to set image in a container as a background in flutter
you can Achieve your desire card using following code.
Container( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[ Container( height: 200, decoration: BoxDecoration( image: DecorationImage( image: AssetImage('assets/images/background.png'), fit: BoxFit.cover), ), child: Align( alignment: Alignment.bottomCenter, child: Container( color: Colors.grey.withOpacity(0.3), height: 50, width: MediaQuery.of(context).size.width, child: Align( alignment: Alignment.centerLeft, child: Text( "Title", ), ), ), ), ), Container( padding: EdgeInsets.all(10), child: Text( "Your Big Text ", textAlign: TextAlign.left, ), ) ], ), ),
Use
Container( decoration: BoxDecoration( image: DecorationImage( image: AssetImage("images/background.png"), fit: BoxFit.cover)), child:<Widget that needs to be in foreground> ......