Flutter中SingleChildScrollView包裹BottomSheet后无法下拉关闭如何解决

• BottomSheet内部的SingleChildScrollView优先消费了垂直滑动手势，导致BottomSheet自带的下拉关闭逻辑无法接收滑动事件，就算键盘收起后手势优先级也不会自动恢复，因此无法触发关闭操作。
• 你没有开启BottomSheet的滚动适配参数，默认配置下内部带滚动组件的BottomSheet本身就不支持拖拽关闭联动。

只需要修改showModalBottomSheet的配置和内部组件结构即可，完整修改后的代码片段如下：

showModalBottomSheet(
    // 新增这行，开启底页和内部滚动组件的手势联动能力
    isScrollControlled: true,
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.vertical(top: Radius.circular(25)),
    ),
    backgroundColor: Colors.green,
    context: context,
    builder: (context) {
      // 新增Padding，自动适配键盘弹出高度，把底页内容顶到键盘上方
      return Padding(
        padding: MediaQuery.of(context).viewInsets,
        child: SingleChildScrollView(
          // 新增滚动物理配置，避免滚动冲突
          physics: ClampingScrollPhysics(),
          child: Container(
            padding: EdgeInsets.all(10),
            child: Form(
              child: Column(
                // 新增这行，让底页高度自适应内容，不会撑满全屏
                mainAxisSize: MainAxisSize.min,
                children: [
                  Icon(Icons.arrow_drop_down),
                  Text("Drag down to Close"),
                  Container(
                    color: Colors.red,
                    child: Column(
                      children: [
                        Row(
                          children: [
                            Expanded(
                              child: TextFormField(
                                decoration: InputDecoration(
                                  labelText: "Current amount",
                                ),
                              ),
                            ),
                          ],
                        ),
                        Row(
                          children: [
                            Expanded(
                                child: TextButton(
                                    onPressed: () {},
                                    child: Text("Submit"))),
                          ],
                        ),
                      ],
                    ),
                  ),
                ],
              )),
          ),
        ),
      );
    });

外层Scaffold的resizeToAvoidBottomInset: false配置可以保留，不影响底部固定上滑触发区域的展示。

• 点击输入框唤起键盘后，BottomSheet会自动上移避免被遮挡，内部表单内容可以正常滚动
• 内容滚动到顶部后继续下拉会直接触发BottomSheet的关闭逻辑，键盘收起后也能正常下拉关闭
• 无需自定义手势监听，完全依赖Flutter原生能力实现，性能更稳定

内容的提问来源于stack exchange，提问作者ISHAN KALANSOORIYA