当打开键盘在 Flutter 中显示溢出

Question

In my case, I have a rounded background for all inputs (attached image1) but when I click to the last TextField I get an overflow warning (attached image2) and can't scroll down.

I have tried using in Scaffold resizeToAvoidBottomInset: false but the last TextField goes under the keyboard, so it is not what I want.

my code at gist

Answer 1

I think you need to all text field wrap in Listview widget.

Answer 2

wrap you code with SingleChildScrollView

SingleChildScrollView(
child:Stack(
...))

Answer 3

You can wrap your SingleChildScrollView widget with the Expanded widget. This is the only thing that you need.

          Form(
            key: _formKey,
            child: Column(
              mainAxisAlignment: MainAxisAlignment.end,
              mainAxisSize: MainAxisSize.max,
              crossAxisAlignment: CrossAxisAlignment.stretch,
              children: [
                Expanded( // Wrap with Expanded!
                  child: SingleChildScrollView(
                    child: Container(
                      padding: EdgeInsets.symmetric(
                          vertical: 16.0, horizontal: 24.0),
                      decoration: BoxDecoration(
                        color: Colors.white,
                        borderRadius: BorderRadius.only(
                          topLeft: Radius.circular(32.0),
                          topRight: Radius.circular(32.0),
                        ),
                      ),
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Row(
                            mainAxisAlignment: MainAxisAlignment.center,
                            children: [
                              Padding(
                                padding:
                                    const EdgeInsets.symmetric(vertical: 16.0),
                                child: Text('Sign Up',
                                    style: TextStyle(
                                        fontSize: 20.0,
                                        fontFamily: 'Montserrat',
                                        fontWeight: FontWeight.bold)),
                              ),
                            ],
                          ),