title: SingleChildScrollView + Column: either overflow or ignore mainAxisAlignment
body: <p>[SOLVED] I've updated dartpad with the working solution
  <a href="https://dartpad.dartlang.org/42415ce855bfcdc148eb03872c170c77" rel="nofollow noreferrer">https://dartpad.dartlang.org/42415ce855bfcdc148eb03872c170c77</a></p>
  <hr />
  <p>run the code below on <a href="https://dartpad.dartlang.org/42415ce855bfcdc148eb03872c170c77" rel="nofollow noreferrer">dartpad</a> and resize the browser page vertically;</p>
  <p>you will notice in the example on the right that</p>
  <p>the <a href="https://api.flutter.dev/flutter/widgets/SingleChildScrollView-class.html" rel="nofollow noreferrer">SingleChildScrollView</a> doesn't scroll and the <a href="https://api.flutter.dev/flutter/widgets/Column-class.html" rel="nofollow noreferrer">Column</a> overflows</p>
  <pre class="lang-dart prettyprint-override"><code>
  import 'package:flutter/material.dart';
  
  void main() =&gt; runApp(const MyApp());
  
  class MyApp extends StatelessWidget {
    const MyApp({Key key}) : super(key: key);
  
    @override
    Widget build(BuildContext context) =&gt; const MaterialApp(
          home: MyHomePage(),
        );
  }
  
  class MyHomePage extends StatelessWidget {
    const MyHomePage({Key key}) : super(key: key);
  
    @override
    Widget build(BuildContext context) =&gt; Material(
          child: Row(
            children: [
              SingleChildScrollView(
                scrollDirection: Axis.vertical,
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                  children: [
                    Text('''without wrapping the column in fixed heigth
                     [MainAxisAlignment.spaceEvenly] doesn't work'''),
                    for (int i = 0; i &lt; 7; i++) const FlutterLogo(size: 80)
                  ],
                ),
              ),
              SingleChildScrollView(
                scrollDirection: Axis.vertical,
                child: SizedBox(
                  height: MediaQuery.of(context).size.height,
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                    children: [
                      Text('''wrapping the column in fixed heigth
                     it overflow ignoring [SingleChildScrollView]'''),
                      for (int i = 0; i &lt; 7; i++) const FlutterLogo(size: 80)
                    ],
                  ),
                ),
              ),
            ],
          ),
        );
  }
  
  </code></pre>
  <p>before posting this question I did some research</p>
  <p><a href="https://stackoverflow.com/questions/57249935/singlechildscrollview-inside-row">SingleChildScrollView inside Row</a></p>
  <p><a href="https://stackoverflow.com/questions/56664708/singlechildscrollview-cutting-the-screen">SingleChildScrollView &#39;cutting&#39; the screen</a></p>
  <p><a href="https://stackoverflow.com/questions/62624494/singlechildscrollview-is-not-scrolling">SingleChildScrollView is not scrolling</a></p>
  <p><a href="https://stackoverflow.com/questions/57249935/singlechildscrollview-inside-row">SingleChildScrollView inside Row</a></p>
  <p>and either the case is similar, but incompatible with my case</p>
  <p>or just dodge the problem allthogether replacing one of the widget with a different one</p>
  <p>(with altered result for my case);</p>
  <p>I tried wrapping either the column and the scsv with a combination of</p>
  <p><a href="https://api.flutter.dev/flutter/widgets/Expanded-class.html" rel="nofollow noreferrer">Expanded</a>, <a href="https://api.flutter.dev/flutter/widgets/ConstrainedBox-class.html" rel="nofollow noreferrer">ConstrainedBox</a>, <a href="https://api.flutter.dev/flutter/widgets/Container-class.html" rel="nofollow noreferrer">Container</a> and <a href="https://api.flutter.dev/flutter/widgets/SizedOverflowBox-class.html" rel="nofollow noreferrer">SizedOverflowBox</a></p>
  <p>without success, either breaking the app or losing the <code>spaceEvenly</code> property</p>
  <p>I can use some help, thank you</p>