title: Image inside a container in flutter
body: <p>I want to display a network image inside a card widget. I want the image to have the width of the card and some fixed height. Below is the code.</p>
  
  <pre><code>ListView.builder(
                itemCount: events.length,
                padding: const EdgeInsets.all(8.0),
                itemBuilder: (BuildContext context, int index) {
                  return Card(
                    child: Column(
                      mainAxisAlignment: MainAxisAlignment.start,
                      children: &lt;Widget&gt;[
                        FadeInImage.assetNetwork(
                          placeholder: placeholder,
                          image: events[index].image,
                          fit: BoxFit.fitWidth,
                          height: 300,
                        )
                      ],
                    ),
                  );
                })
  </code></pre>
  
  <p>When I give a fixed height to the image it behaves weird. The image centers itself inside the card with some padding on the top and the bottom. I want the image be aligned to the top.</p>
  
  <p><a href="https://i.stack.imgur.com/omJB5.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/omJB5.jpg" alt="the issue"></a></p>