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


Solution 1: Ravindra S. Patil

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
     ],
   ),
),


Solution 2: Rohith Nambiar

In your Scaffold, set resizeToAvoidBottomInset property to false.


Solution 3: Serus

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.


Solution 4: MenilKumar Radadiya

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 
          ],
        ),
      ),
    );