BottomModalsheet with the keyboard..!

i am using the bottommodalsheet which contains the textfield in it. When Obscure is true the BMS is hidding behind the keyboard…?
Can any one help me from this bug please.!
Thanks in Advance.

@Harikrishna_boda Please always try to share the code snippet that you have tried and possibly a screenshot of the problem would be great.

I have used the following code multiple times for BMS. Do give it a try and drop a reply here if it works!

showModalBottomSheet(
    context: context,
    builder: (BuildContext context) {
      return Container(
        child: new Wrap(
          children: <Widget>[
            IconButton(
              icon: Icon(Icons.close),
              onPressed: () {
                Navigator.pop(context);
              },
            ),
            Container(
              padding: EdgeInsets.symmetric(horizontal: 15),
              height: 200,
              child: TextFormField(
                maxLines: 8,
                decoration: InputDecoration(
                    border: InputBorder.none,
                    filled: true,
                    fillColor: Colors.grey.shade200,
                    hintText: 'Enter text here',
                    hintStyle: TextStyle(
                      color: Colors.black,
                    )),
              ),
            ),

          ],
        ),
      );
    });
1 Like

Thank you…!
Thanks alot.!

1 Like

hello @sakina the solution which u have provided is only for the BMS.
but when we tap on textfield it is hidding behind the keyboard we need to bring the BMS above the keyboard right.
I have tried the property of #isScrollControlled in BMS but it is not working.

Hey @Harikrishna_boda

Please try this plugin https://pub.dev/packages/keyboard_avoider#-installing-tab-