title: How to adjust image to width and hide vertical overflow in flutter
body: <p><a href="https://i.stack.imgur.com/b3ZDw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/b3ZDw.png" alt="enter image description here" /></a>
  I'm trying to put together a simple template as a learning exercise. I want the image width to occupy the screen side to side, and the height to be clipped at 200px hiding everything in excess.</p>
  <p>code:</p>
  <pre><code>Image _buildJournalHeaderImage(context) {
      return Image.network(
        &quot;https://upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Salto_del_Angel-Canaima-Venezuela08.JPG/1200px-Salto_del_Angel-Canaima-Venezuela08.JPG&quot;,
        // fit: BoxFit.cover,
        fit: BoxFit.fitWidth,
        height: MediaQuery.of(context).size.width / 2,
      );
    }
  </code></pre>
  <p>this method is placed as a column child.</p>