title: Everything expands to screenwidth inside a Listview. Can I change that?
body: <p>I'm trying to make a design of a chat screen for an app that I'm making.
  To make it scrollable I placed all the chat messages inside a listview. But everything I place inside a list view expands horizontally to match screenwidth (Width that the Listview widget has). Can I turn this off so I can line out my chat messages to one side and the other chat message to the other side like in whatsapp? Anything other than a ListView solution is also alright as long as I can scroll</p>
  
  <p><a href="https://i.stack.imgur.com/f3yRV.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/f3yRV.jpg" alt="enter image description here"></a></p>
  
  <p>This is how it looks now.</p>
  
  <p><a href="https://i.stack.imgur.com/yweYS.png" rel="noreferrer"><img src="https://i.stack.imgur.com/yweYS.png" alt="enter image description here"></a></p>
  
  <p>This is the code of my current page. I really hope someone can help me with this issue.</p>
  
  <pre><code>import 'package:flutter/material.dart';
  //import '../../Library/Library.dart';
  //import '../../Ui/ChatMessage.dart';
  
  class ChatScreen extends StatefulWidget {
      @override
      State&lt;StatefulWidget&gt; createState() {
          return new ChatScreenState();
      }
  }
  
  class ChatScreenState extends State&lt;ChatScreen&gt; {
  
      bool overlayShouldBeVisible = false;
  
      @override
      Widget build(BuildContext context) {
          return new Stack(
              fit: StackFit.expand,
              children: &lt;Widget&gt;[
                  new Scaffold(
                      appBar: new AppBar(
                          title: new Text(
                              'Chatroom name',
                              style: new TextStyle(
                                  color: Colors.black,
                              ),
                          ),
                          centerTitle: true,
                          backgroundColor: Colors.white,
                          elevation: 0.0,
                      ),
                      body: new Column(
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: &lt;Widget&gt;[
                              new Expanded(
                                  child: new Container(
                                      decoration: new BoxDecoration(
                                          //image: new DecorationImage(image: new AssetImage('assets/backgroundChat.jpg',),fit: BoxFit.cover)
                                      ),
                                      child: new ListView(
                                          children: &lt;Widget&gt;[
                                              new Text('Test'),
                                              new Card(
                                                  color: Colors.green,
                                                  child: new Padding(
                                                      padding: new EdgeInsets.all(7.0),
                                                      child: new Column(
                                                          crossAxisAlignment: CrossAxisAlignment.end,
                                                          children: &lt;Widget&gt;[
                                                              new Text('Message'),
                                                              new Text('17:00'),
                                                          ],
                                                      ),
                                                  ),
                                              ),
                                              new Card(
                                                  color: Colors.green,
                                                  child: new Padding(
                                                      padding: new EdgeInsets.all(7.0),
                                                      child: new Column(
                                                          crossAxisAlignment: CrossAxisAlignment.end,
                                                          children: &lt;Widget&gt;[
                                                              new Text('Message'),
                                                              new Text('17:00'),
                                                          ],
                                                      ),
                                                  ),
                                              ),
                                          ],
                                      ),
                                  ),
                              ),
                              new Container(
                                  height: 50.0,
                                  color: Colors.white,
                                  child: new Row(
                                      crossAxisAlignment: CrossAxisAlignment.stretch,
                                      children: &lt;Widget&gt;[
                                          new Expanded(
                                              child: new Padding(
                                                  padding: new EdgeInsets.only(left: 20.0),
                                                  child: new TextField(),
                                              ),
                                          ),
                                          new Material(
                                              color: Colors.white,
                                              child: new InkWell(
                                                  child: new Padding(
                                                      padding: new EdgeInsets.symmetric(horizontal: 20.0),
                                                      child: new Icon(
                                                          Icons.send,
                                                          color: Colors.blue,
                                                      ),
                                                  ),
                                                  onTap: () =&gt; print('send'),
                                              ),
                                          ),
                                      ],
                                  ),
                              ),
                          ],
                      ),
                  ),
                  //overlayShouldBeVisible == true ? new JsonLoader(): new Container(),
                  //Library.debugMode ? new DebugOverlay(): new Container(),
              ],
          );
      }
  }
  </code></pre>