title: how do i fix vertical flutter overflow?
body: <p>I'm trying to fix vertical overflow using the <code>SingleChildScrollView</code> but it gives me the error:</p>
  <pre><code>FlutterError (RenderFlex children have non-zero flex but incoming height constraints are unbounded.
  When a column is in a parent that does not provide a finite height constraint.
  </code></pre>
  <p>I have tried using <code>Expanded</code> and <code>MainAxisSize.min</code> to no avail.</p>
  <p>This is my code:</p>
  
  <pre class="lang-dart prettyprint-override"><code>Widget build(BuildContext context) {
      double altezza = MediaQuery.of(context).size.height;
      return SingleChildScrollView(
        child: Column(
          children: &lt;Widget&gt;[
            Column(
              children: &lt;Widget&gt;[
                altezza &gt; 750 &amp;&amp; valoreCheckAbbuonoOre == false
                    ? SizedBox(height: altezza / 9)
                    : altezza &gt; 750 &amp;&amp; valoreCheckAbbuonoOre == true
                        ? SizedBox(height: altezza / 11)
                        : SizedBox(height: altezza / 15),
                Text(&quot;Rapporto di $meseAttuale $annoAttuale&quot;,
                    style: TextStyle(fontWeight: FontWeight.bold, fontSize: 21)),
                SizedBox(height: 20),
                GestureDetector(
                  onTap: () {
                    click(1);
                  },
                  child: Text(&quot;Visualizza rapporto precedente&quot;,
                      style: TextStyle(
                          fontWeight: FontWeight.bold,
                          fontSize: 16,
                          color: Colors.blue[900])),
                ),
                SizedBox(height: 20),
                TabellaStatica(visualizzaRapporto, &quot;attuale&quot;),
                SizedBox(height: 20),
                obiettivo != 0 &amp;&amp; obiettivo != null
                    ? Text(&quot;$testoObiettivo&quot;,
                        style: plus != null
                            ? TextStyle(
                                color: Colors.green,
                                fontSize: 15,
                                fontWeight: FontWeight.bold)
                            : deficit != null
                                ? TextStyle(
                                    color: Colors.red,
                                    fontSize: 15,
                                    fontWeight: FontWeight.bold)
                                : TextStyle(
                                    color: Colors.green,
                                    fontSize: 15,
                                    fontWeight: FontWeight.bold))
                    : SizedBox(),
                SizedBox(height: 10),
                IconButton(
                  icon: new Icon(
                    Icons.whatsapp,
                    color: Colors.green,
                    size: 30,
                  ),
                  onPressed: () async {
                    inviaWhatsapp();
                  },
                ),
              ],
            ),
            Spacer(),
            Row(
              mainAxisAlignment: MainAxisAlignment.end,
              children: &lt;Widget&gt;[
                MaterialButton(
                  onPressed: () {
                    Navigator.push(
                      context,
                      MaterialPageRoute(
                          builder: (context) =&gt;
                              AggiungiServizio(visualizzaRapporto)),
                    );
                  },
                  shape: CircleBorder(),
                  color: Colors.blue[900],
                  padding: EdgeInsets.all(10),
                  child: const Icon(
                    Icons.add,
                    size: 30,
                    color: Colors.white,
                  ),
                ),
              ],
            ),
            SizedBox(height: 20),
          ],
        ),
      );
    }
  }
  </code></pre>