title: Flutter: How to scroll a list inside of Wrap widget?
body: <p>I am using wrap to display some images, the direction of <code>Wrap</code> is set to <code>Axis.horizontal</code>. When it runs out of horizontal space, it is creating new row. As long as there is enough space vertically, everything is getting displayed as it should. But the moment there are a lot of images, it is giving a Bottom Overflow.</p>
  <p>I tried wrapping the <code>Wrap</code> widget inside <code>SingleChildScrollView</code>, <code>ListView</code> and <code>Expanded</code> but nothing seems to work. Here is my code:</p>
  <pre class="lang-dart prettyprint-override"><code>@override
    Widget build(BuildContext context) {
      return Wrap(
        direction: Axis.horizontal,
        spacing: 8,
        runSpacing: 12,
        children: [
          _buildImageCard('abc'),
          _buildImageCard('def'),
          _buildImageCard('ghi'),
          _buildImageCard('jkl'),
        ],
      );
    }
  }
  </code></pre>
  <p>and the <code>_buildImageCard</code></p>
  <pre class="lang-dart prettyprint-override"><code>Widget _buildImageCard(String imagePath) {
      return SizedBox(
        width: 500,
        height: 400,
        child: Card(
          elevation: 5,
        ),
      );
    }
  </code></pre>
  <p>The result is:</p>
  <p><a href="https://i.stack.imgur.com/xt5kT.png" rel="noreferrer"><img src="https://i.stack.imgur.com/xt5kT.png" alt="enter image description here" /></a></p>