title: Vertical ListView inside horizontal SingleChildScrollView
body: <p>I need to build a page with lists of objects that are grouped in a single line. This needs to be scrolled both vertically (to show more groups) and horizontally (to show groups children).
  The vertical and horizontal scroll needs to move the items altogether.
  Something like this: <a href="https://gph.is/g/46gjW0q" rel="noreferrer">https://gph.is/g/46gjW0q</a></p>
  
  <p>I'm doing this with this code:</p>
  
  <pre class="lang-dart prettyprint-override"><code>Widget _buildGroups() {
      return SingleChildScrollView(
        scrollDirection: Axis.horizontal,
        child: Container(
          width: 2000,
          child: ListView.builder(
            scrollDirection: Axis.vertical,
            itemCount: boardData.length,
            itemBuilder: (context, index) {
              return Row(children: _buildSingleGroup(index));
            },
          ),
        ),
      );
  }
  
  List&lt;Widget&gt; _buildSingleGroup(int groupIndex) {
      return List.generate(...);
  }
  </code></pre>
  
  <p>I need this to be horizontally dynamic but here, as you can see, I need to set a width cause otherwise an error occurs:</p>
  
  <pre><code>══════════════════ Exception caught by rendering library ═════════════════════
  The following assertion was thrown during performResize()
  Vertical viewport was given unbounded width.
  
  Viewports expand in the cross axis to fill their container and constrain their 
  children to match their extent in the cross axis. In this case, a vertical 
  viewport was given an unlimited amount of horizontal space in which to expand.
  </code></pre>
  
  <p>I tried to set "shrinkWrap: true" in the ListView but the result gives another error:</p>
  
  <pre><code>Failed assertion: line 1629 pos 16: 'constraints.hasBoundedWidth': is not true.
  </code></pre>
  
  <p>So how do you do this with a dynamical ListView width?</p>