解决 Flutter showModalBottomSheet 被弹出的键盘、输入法遮挡_showmodelbottomsheet 键盘

在使用 showModalBottomSheet 底部弹出内容时，如果唤起了键盘、输入法，showModalBottomSheet 中的内容往往会被挡住，给 showModalBottomSheet 设置 isScrollControlled，再套一个 SingleChildScrollView 以及 设定一个 padding 一般就能解决问题了。

示例：

showModalBottomSheet(
  isScrollControlled: true,  // !important
  builder: (BuildContext context) {
    return SingleChildScrollView(  // !important
      child: Container(
        padding: EdgeInsets.only(
            bottom: MediaQuery.of(context).viewInsets.bottom),  // !important
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            TextField(
              keyboardType: TextInputType.text,
              autofocus: true,
            ),
          ],
        ),
      ),
    );
  },
);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

我的博客：https://blog.playhi.net/