title: Scrollable Container inside a Column
body: <p>I tried a few different approaches but I can't get this to work. The layout I want to achieve is really simple and it's a breeze to implement in native Android:</p>
  
  <ul>
  <li>Fixed Container on top (blue)</li>
  <li>Scrollable Container below (red). A ListView won't work in my case.</li>
  </ul>
  
  <p>I tried to use <code>SingleChildScrollView</code>, but it doesn't seem to work inside a <code>Column</code>. Maybe I'm doing something wrong or I'm not using the right widgets...</p>
  
  <p>My result:</p>
  
  <p><a href="https://i.stack.imgur.com/f7n09.png" rel="noreferrer"><img src="https://i.stack.imgur.com/f7n09.png" alt="enter image description here"></a></p>
  
  <pre><code>Scaffold(
    body: Column(
      children: &lt;Widget&gt;[
        Container(
          height: 100.0,
          color: Colors.blue,
        ),
        SingleChildScrollView(
          child: Container(
            color: Colors.red,
            padding: EdgeInsets.all(20.0),
            child: Column(
              children: &lt;Widget&gt;[
                Text('Red container should be scrollable'),
                Container(
                  width: double.infinity,
                  height: 700.0,
                  padding: EdgeInsets.all(10.0),
                  color: Colors.white.withOpacity(0.7),
                  child: Text('I will have a column here'),
                )
              ],
            ),
          ),
        ),
      ],
    ),
  )
  </code></pre>