Flutter TextFormField hidden by keyboard


NOTE: Im using Navigator.of(context).push to push ModalRoute,

Hi I have page with ModalRoute with TextFormField in the body, but when keyboard show up, the input is being hide by keyboard, how to fix this?

enter image description here

return Container(
      child: ListView(
          children: <Widget>[
            //other widget
            SizedBox(height: _qtyAnimation.value),
              children: <Widget>[
                  child: Text(
                    style: TextStyle(fontWeight: FontWeight.bold),
                  width: 145.0,
                  child: TextFormField(
                    focusNode: _qtyFocusNode,
                    controller: qty,
                    keyboardType: TextInputType.number,
                    textAlign: TextAlign.center,
                    decoration: InputDecoration(
                      contentPadding: EdgeInsets.all(0.0),
                      prefixIcon: IconButton(
                        icon: Icon(Icons.remove),
                        onPressed: () {},
                      border: OutlineInputBorder(
                            BorderSide(color: Colors.grey, width: 0.1),
                      suffixIcon: IconButton(
                        icon: Icon(Icons.add),
                        onPressed: () {},

thats my code, i try with focusnode and more, still same result
please help me


thanks solve my problem with this padding on bottom of textfield

             padding: EdgeInsets.only(
             bottom: MediaQuery.of(context).viewInsets.bottom));

and mare reverse list

Answered By – RIFAL

Answer Checked By – Pedro (FlutterFixes Volunteer)

Leave a Reply

Your email address will not be published.