when I run the project it shows A RenderFlex overflowed on the bottom
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
],
),
),
);