title: How to handle Column overflow in Flutter
body: <p>I created a simple web app with Flutter.
  The app layout is divided in two vertically zones: on the left there is a small top-bottom menu, on the right there is the main content inside a DataTable.</p>
  <p>I wrapped the DataTable inside a SingleChildScrollView and everything worked fine.
  The left side, on the other hand, keeps giving me a vertical overflow.</p>
  <p>The tree on the left side is as follows:</p>
  <pre><code>Row(
    children: [
          //Left side menu
          Flexible(
             Container(
               Column()
             ), //Container
          ), //Flexible
  
          //Right side 
          Flexible(...),
   ],
  ), //Row
  </code></pre>
  <p>Obviously it is a very simplified version.</p>
  <p>I've tried to insert a SingleChildScrollView in almost all places (Column, Container, Flexible), but it doesn't work and it always returns the error.</p>
  <blockquote>
  <p>A RenderFlex overflowed by 174 pixels on the bottom.</p>
  </blockquote>
  <p>Any solutions?</p>
  <p>Thank you!</p>