A RenderFlex overflowed bottom flutter

Question

when I run the project it shows A RenderFlex overflowed on the bottom A RenderFlex overflowed by 6.7 pixels on the bottom.

Answer 1

In your Scaffold, set resizeToAvoidBottomInset property to false.

Answer 2

Try below code hope its helpful to you. add your Column inside SingleChildScrollView

Refer my answer here also

SingleChildScrollView(
   child:Column(
     children:[
      //Declare Your Widgets Here
     ],
   ),
),

Answer 3

When the kayboard appears, it may hide something. To avoid this problem, you can wrap the entire screen widget in a SingleChildScrollView. This will mate the screen scrollable.

Answer 4

A quick solution would be to block the widgets inside the Scaffold to resize themselves when the keyboard opens but this way,

return Scaffold(
      appBar: AppBar(
        title: Text('Expenses Tracker'),
      ),
      body: SingleChildScrollView( // wrap with a scrollable widget
        child: Column(
          children: <Widget>[
            ...... // other widgets 
          ],
        ),
      ),
    );