Textfeild 的键盘在 Flutter v2 中隐藏底页

Question

Why my bottomsheet is disappearing upon opening keyboard while clicking textfeild ? I tried many solutions but none of them is working properly.

I have nothing much to add just trying to complete the words criteria. "It looks like your post is mostly code; please add some more details".

Container(
     padding: EdgeInsets.symmetric(
     horizontal: deviceSize.width * 0.1),
          child: InkWell(
              onTap: () {
                  showAddressBottomSheet(context);
              },
                child: ...// Button style
           ),

 void showAddressBottomSheet(BuildContext _context) {
    showModalBottomSheet(
      backgroundColor: Colors.transparent,
      context: _context,
      isScrollControlled: true,
      elevation: 20,
      builder: (context) {
        return AddAddressView(
          callback: (val) => setState(() => _addrSelectedTitle = val),
        );
      },
    );
  }

Actual Buttom sheet

class AddAddressView extends StatefulWidget {
  @override
  _AddAddressViewState createState() => _AddAddressViewState();
}

class _AddAddressViewState extends State<AddAddressView> {
@override
Widget build(BuildContext context) {
return SingleChildScrollView(
         child: Container(
            padding: EdgeInsets.all(30),
               child: ListView(
                  shrinkWrap: true,
                  children: <Widget>[
                    Text(......),
                    TextField(
                        autofocus: true,
                        style: TextStyle(fontSize:15),
                        controller: widget.controller,
                        ..........
                     ),
                   ),
                 ),
               ),
             },
          }

Answer 1

I have seen this issue before and since you have posted a reproduction of your actual code, I'm assuming this padding value exists somewhere in your widget tree

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

In older versions of flutter, this padding was required for the bottom sheet to move up when the keyboard is in view. They have however been fixed and you don't need to apply the padding anymore and the framework will handle it. Otherwise there will be twice as much padding as seen in your case.