Bottom overloaded by 213 pixels in flutter

Question

Hi I am trying to create login screen. It is working fine for me. When I open the keyboard then it is giving me an error Bottom overloaded by 213 pixels.

Answer 1

wrap your column into SingleChildScrollView will solve the problem. Please check this:

 Widget build(BuildContext context) {
    return Scaffold(
        body: Container(
            child: Center(
                child: SingleChildScrollView(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              TextField(),
              TextField(),
            ],
          ),
        ))));
  }

And You also use for removing yellow black overflow line

resizeToAvoidBottomPadding: false 

but in this case, TextField does not move up on click time.