How to fix RenderFlex overflowed in Flutter?

Question

I was browsing Uplabs and find a Login Ui/UX design by Yogesh Solanki and implemented in Flutter .

While writing that app I face one problem:

1. RenderFlex overflowed

The error message was `A RenderFlex overflowed by 31 pixels on the bottom.

How Do I Fix It?

Answer 1

It depends on your code and used widgets. One way is to wrap root widget into SingleChildScrollView .

It can be another solution - you better paste your code

UPD

Inside build method of AuthBody change Column to:

ListView(children: <Widget>[
  _buildHeader(),
  _buildForm(context),
  _buildForgetButton(),
],)