title: Flutter expand Row inside ListView
body: <p>I want to use a <code>Row</code> inside a horizontally scrolling list. When there are only few children in the row, the row should take up the full with and apply <code>mainAxisAlignment: MainAxisAlignment.spaceEvenly</code> such that it looks like this:</p>
  <p><a href="https://i.stack.imgur.com/oiTmh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oiTmh.png" alt="enter image description here" /></a></p>
  <p>However when there are a lot of items, such that it doesn't fully fit on the screen, the row should be scrollable.</p>
  <p>I currently have this code:</p>
  <pre><code>    Container(
        height: 40,
        child: ListView(
          scrollDirection: Axis.horizontal,
          children: &lt;Widget&gt;[
            Row(
              mainAxisSize: MainAxisSize.max,
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              children: &lt;Widget&gt;[
                Container(
                  width: 100,
                  height: 40,
                  color: Colors.red
                ),
                Container(
                  width: 100,
                  height: 40,
                  color: Colors.blue
                ),
                
              ],
            ),
          ],
        ),
      ),
  </code></pre>
  <p>However the Row's width is only as wide as the children's combined with, such that it doesn't apply <code>mainAxisAlignment: MainAxisAlignment.spaceEvenly</code>. So it looks like this:</p>
  <p><a href="https://i.stack.imgur.com/jj2tE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jj2tE.png" alt="enter image description here" /></a></p>
  <p>Is there a good way to achieve this in Flutter? So I need to expand the Row to atlest the full ListView with but also allow it to go larger.</p>