title: Flutter - How to use container widget with image and text/icons below image
body: <p>I am having a bit of a problem trying to create an image and text/icons below that image within a container in flutter. What I have so <a href="https://i.stack.imgur.com/jOluf.png" rel="nofollow noreferrer">far</a> , I want to include three row widgets under the image, each row will have a text widget or an icon widget but whenever i try to do this the container will just take the shape of the text/icon widgets and the image will disappear. Am I using the wrong widget in this case? I would like to have something similar to <a href="https://i.stack.imgur.com/ZvtCS.png" rel="nofollow noreferrer">this</a> notice the bottom section of the picture with the title, date, and location. </p>
  
  <p>My code: </p>
  
  <pre><code>class EventRow extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return Container(
        height: 150.0,
        margin: const EdgeInsets.symmetric(
          vertical: 16.0,
          horizontal: 24.0,
        ),
        child: new Stack(
          children: &lt;Widget&gt;[
            eventCardContent,
            userThumbnail,
          ],
        ),
      );
    }
  
    final userThumbnail = new Container(
      margin: EdgeInsets.symmetric(vertical: 16.0),
      alignment: FractionalOffset.centerLeft,
      child: CircleAvatar(
        backgroundImage: AssetImage("assets/images/letter_u.png"),
        backgroundColor: Colors.white,
        maxRadius: 40.0,
      ),
    );
  
    final eventCardContent = new Container(
      margin: new EdgeInsets.only(left: 46.0),
      decoration: new BoxDecoration(
        shape: BoxShape.rectangle,
        color: new Color(0xFFFFFFFF),
        borderRadius: new BorderRadius.circular(8.0),
        image: DecorationImage(
          image: AssetImage("assets/images/moon_pumpkin.jpeg"),
          fit: BoxFit.fill,
        ),
      ),
    );
  </code></pre>