title: Dynamic size of container - Flutter
body: <p>I'm new to flutter and came across an issue with <code>Container</code> widget's size that has <code>Row</code> and <code>Column</code> as it's child. I'm aiming to render a <code>Column</code> and <code>Row</code> widget with dynamic data. The code is as below.</p>
  <pre><code>Container(
   decoration: BoxDecoration(
    borderRadius: BorderRadius.circular(35),
    color: Colors.orange.shade400,
   ),
   child: Padding(
    padding: const EdgeInsets.symmetric(vertical: 15.0, horizontal: 25.0),
    child: Column(
     children: &lt;Widget&gt;[
      Text(&quot;PEAK/THURSDAY&quot;),
      Text(&quot;\$24,355&quot;),
      weeklyExpenseBuilder(), // Row with Text widgets
     ],
    ),
   ),
  )
  </code></pre>
  <p>Not fixing the size of the container allows it to take up all the screen space but fixing it's height leads to <code>RenderFlex overflow</code> error. Is there any way to let the <code>Container</code> widget take only as much space as it's children take.
  The design that i'm aiming to looks something like this<a href="https://i.stack.imgur.com/gc3BH.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gc3BH.jpg" alt="enter image description here" /></a></p>