Flutter - SingleChildScrollView interfering in columns : <p>I created a screen that works well with the columns, but I needed to scroll because of the keyboard.</p>

<p>When you insert the <code>SingleChildScrollView</code> or the <code>ListView</code> attribute the <code>MainAxisAlignment.spaceBetween</code>, it no longer works.</p>

<p>Was there any solution for that?</p>

<p>Gif without the <code>SingleChildScrollView</code> the screen does not roll and the <code>FloatingActionButton</code> is at the bottom of the screen</p>

<p><a href="https://i.stack.imgur.com/tHMRt.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/tHMRt.gif" alt="enter image description here"></a></p>

<p>Gif with <code>SingleChildScrollView</code> the screen roll and he <code>FloatingActionButton</code> is not in bottom of the screen</p>

<p><a href="https://i.stack.imgur.com/14T2I.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/14T2I.gif" alt="enter image description here"></a></p>

<pre><code>import 'package:flutter/material.dart';

void main() {
  runApp(new MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(      
      home: new MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() =&gt; new _MyHomePageState();
}

class _MyHomePageState extends State&lt;MyHomePage&gt; {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(backgroundColor: new Color(0xFF26C6DA)),        
      body: new SingleChildScrollView(
        child: new Column(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          crossAxisAlignment: CrossAxisAlignment.center,
            children: &lt;Widget&gt;[
              new Container(
                child: new Column(
                  children: &lt;Widget&gt;[
                    new TextField(
                      decoration: const InputDecoration(
                        labelText: "Description",
                      ),
                      style: Theme.of(context).textTheme.title,
                      ),
                    new TextField(
                      decoration: const InputDecoration(
                        labelText: "Description",
                      ),
                      style: Theme.of(context).textTheme.title,
                    ),
                    new TextField(
                      decoration: const InputDecoration(
                        labelText: "Description",
                      ),
                      style: Theme.of(context).textTheme.title,
                    ),
                  ],
                )
              ),
              new Container(
                margin: new EdgeInsets.only(bottom: 16.0),
                child: new FloatingActionButton(
                  backgroundColor: new Color(0xFFE57373),
                  child: new Icon(Icons.check),
                  onPressed: (){}
                ),                    
              )
            ],
        ),
      )            
    );
  }
}
</code></pre>
