title: Flutter (Dart): Exceptions caused by rendering / A RenderFlex overflowed
body: <p>I have a problem with Flutter (Dart) RenderFlex overflowed pixels. An exception of rendering library.</p>
  <p>How can I manage or apply scrolling ability to my app page view and avoid Flutter's rendering exceptions with messages like:</p>
  <blockquote>
  <p>A RenderFlex overflowed by 28 pixels on the bottom.</p>
  </blockquote>
  <p>if you by any chance need the full log to help me is here:</p>
  <p><a href="https://i.stack.imgur.com/iImkk.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/iImkk.jpg" alt="enter image description here" /></a></p>
  <p>on the hot-reload it comes up with the yellow/black stripes at the bottom as per the message.</p>
  <p>Is this something I can manage with a scrollable widget? Or I can declare otherwise my widgets in order to control it?</p>
  <p>full code if needed (i changed the Text data but assume the texts appearing are longer than the screen size, and thus the error comes up):</p>
  <pre><code>   @override
    Widget build(BuildContext context) {
      return new DefaultTabController(
          length: 3,
          child: new Scaffold(
            appBar: new AppBar(
              bottom: new TabBar(
                tabs: [
                  new Tab(text: &quot;xxx&quot;,),
                  new Tab(text: &quot;xxx&quot;,),
                  new Tab(text: &quot;xxx&quot;,),
                ],
              ),
              title: new Text(data[&quot;xxx&quot;]),
            ),
            body: new TabBarView(
              children: [
                new Column(
                  children: &lt;Widget&gt;[
                    new Text(data[&quot;xxx&quot;],
                          style: new TextStyle(
                                fontStyle: FontStyle.italic,
                                color: Colors.blue,
                                fontSize: 16.0
                          ),),
                    new Text(data[&quot;xxx&quot;],
                          style: new TextStyle(
                                fontStyle: FontStyle.italic,
                                color: Colors.blue,
                                fontSize: 10.0
                          ),),
                    new Text(data[&quot;xxx&quot;],
                          style: new TextStyle(
                                fontStyle: FontStyle.italic,
                                color: Colors.blue,
                                fontSize: 16.0
                          ),),
                    new Text(data[&quot;xxx&quot;],
                          style: new TextStyle(
                                fontStyle: FontStyle.italic,
                                color: Colors.blue,
                                fontSize: 8.0
                          ),
                        ),
                    new Text(data[&quot;xxx&quot;],
                          style: new TextStyle(
                                fontStyle: FontStyle.italic,
                                color: Colors.blue,
                                fontSize: 8.0
                          ),),
  
                    new Row(
                      children: &lt;Widget&gt;[
                        new Expanded(
                          child: new Text(&quot;xxx&quot;),
                        ),
                        new Expanded(
                          child: new Icon(Icons.file_download, color: Colors.green, size: 30.0,),
                        ),
                      ],
                    ),
  
                    new Divider(),
                    new Text(&quot;xxx&quot;, 
                              style: new TextStyle(
                                fontStyle: FontStyle.italic,
                                color: Colors.red,
                                fontSize: 16.0
                        ),
                    ),
                  ],
                ),
  
                new ListView.builder(
                  itemBuilder: (BuildContext context, int index) =&gt; new EntryItem(_lstTiles[index]),
                  itemCount: _lstTiles.length,
                ),
  
                new Column(
                  children: &lt;Widget&gt;[
                    new Text(data[&quot;xxx&quot;], 
                              style: new TextStyle(
                                fontStyle: FontStyle.italic,
                                color: Colors.green[900],
                                fontSize: 16.0
                        ),
                    ),
                    new Text(data[&quot;xxx&quot;], 
                              style: new TextStyle(
                                fontStyle: FontStyle.italic,
                                color: Colors.green[900],
                                fontSize: 16.0
                        ),),
                    new Text(data[&quot;xxx&quot;]),
                    new ListTile(title: new Text(&quot;xxx&quot;)),
                    new Text(data[&quot;xxx&quot;]),
                    new ListTile(title: new Text(&quot;xxx&quot;)),
                    new Divider(),
                    new Text(&quot;xxx&quot;, 
                              style: new TextStyle(
                                fontStyle: FontStyle.italic,
                                color: Colors.red,
                                fontSize: 16.0
                        ),
                    ),
                  ],
                ),
              ],
            ),
          ),
        );
    }
  </code></pre>