Please can someone explain this exception for me and why "A RenderFlex overflowed by 125 pixels on the bottom"

Question

 SingleChildScrollView(
        child: Container(
          height: MediaQuery.of(context).size.height,
          width: MediaQuery.of(context).size.width,
          //height: 270.0,
          padding: const EdgeInsets.all(25),
          color: const Color.fromARGB(255, 215, 184, 221),
          child: Column(
           
            children: [
              
            ],
          ),
        ),
      ),

I added

crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,

But the problem is still there. I also tried Expanded but the exception is still there. Thank you so much

It was throwing "A RenderFlex overflowed by 125 pixels on the bottom" exception but i have solved it by just removing the container and everything related to it. Thanks to everyone — Ofodile JustCode Chukwubuikem, Dec 07 '22 at 11:42

score 0 · Answer 1 · answered Dec 07 '22 at 09:18

try to warp your SingleChildScrollView widget inside Expanded widget and remove container height

Expanded(
  child: SingleChildScrollView(
    child: Container(
        width: MediaQuery.of(context).size.width,
        padding: const EdgeInsets.all(25),
        color: const Color.fromARGB(255, 215, 184, 221),
        child: Column(
          children: [],
        ),
    ),
  ),
),

Please can someone explain this exception for me and why "A RenderFlex overflowed by 125 pixels on the bottom"

1 Answers1