title: A RenderFlex overflowed by 40 pixels on the bottom. Flutter
body: <pre><code>Widget build(BuildContext context) {
     return Card(
        child: ListTile(
           title: new Text(prod_name),
           leading: Image.asset(prod_img, width: 50.0, height: 50.0,),
           subtitle: new Column(
              children: &lt;Widget&gt;[
                 new Row(
                   children: &lt;Widget&gt;[
                     Padding(
                       padding: const EdgeInsets.all(0.0),
                       child: new Text("ice-cream: "),
                     ),
                     Padding(
                       padding: const EdgeInsets.all(4.0),
                       child: new Text(prod_ice_cream, style: TextStyle(color: Colors.red),),
                     ),
                 ),
                 new Container(
                   alignment: Alignment.topLeft,
                   child: new Text("\Rs${prod_price}", style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold),),
               ),
               trailing: new Column(
                  children: &lt;Widget&gt;[
                     new IconButton(icon: Icon(Icons.arrow_drop_up), onPressed: (){}),
                     new IconButton(icon: Icon(Icons.arrow_drop_down), onPressed: (){})
                 ],
               ),
      ),
  );
  </code></pre>
  
  <p>I am getting "A RenderFlex overflowed by 40 pixels on the bottom" after adding those two icons
  I have tried <a href="https://stackoverflow.com/a/57253706/12536525">stackoverflow</a> solution gave but after that I am getting  "A RenderFlex overflowed by 21 pixels on the bottom". Here are some screenshots <a href="https://i.stack.imgur.com/vW7rR.png" rel="nofollow noreferrer">screenshot1</a> <a href="https://i.stack.imgur.com/NayFY.png" rel="nofollow noreferrer">screenshot2</a> <a href="https://i.stack.imgur.com/44x80.png" rel="nofollow noreferrer">screenshot3</a>. Here is my full code <a href="https://codeshare.io/GAxNZp" rel="nofollow noreferrer">code</a></p>