How to set image in a container as a background in flutter How to set image in a container as a background in flutter dart dart

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>        ......