title: Flutter - SingleChildScrollView interfering in columns
body: <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>