How to prevent Flutter widgets resize When the keyboard appears?

Question

When the keyboard appears, the Flutter widgets resize. How to prevent this without using

resizeToAvoidBottomInset : false,

if I make it false then I can't see the TextFormField because the keyboard been above it so waht to do? here is my code

    return Scaffold(
//      resizeToAvoidBottomInset : false,
      body: Center(
        child: Stack(
          children: <Widget>[
            SizedBox(
              height: MediaQuery.of(context).size.height,
              width: MediaQuery.of(context).size.width,
              child: Image.asset('images/back_ui4.png',fit: BoxFit.fill,),
            ),
            SingleChildScrollView(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  SizedBox(height: 0.7*MediaQuery.of(context).size.height,),
                  TextFormField()
                ],
              ),
            ),
          ],
        ),
      ),
    );

score 0 · Answer 1 · answered May 07 '20 at 07:47

return Scaffold(
      body: SingleChildScrollView(
        child : Center(
        child: Stack(
          children: <Widget>[
            SizedBox(
              height: MediaQuery.of(context).size.height,
              width: MediaQuery.of(context).size.width,
              child: Image.asset('images/back_ui4.png',fit: BoxFit.fill,),
            ),
            Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  SizedBox(height: 0.7*MediaQuery.of(context).size.height,),
                  TextFormField()
                ],
              ),
            ),
          ],
        ),
      ),
    );

remove this from SizedBox (parent of Image) height: MediaQuery.of(context).size.height and set height of ImageView) — Jaimil Patel, May 07 '20 at 09:32

How to prevent Flutter widgets resize When the keyboard appears?

1 Answers1