Flutter中showModalBottomSheet无法随键盘上移问题求助

以下是几个能解决你问题的关键调整点：

• 必须用可滚动Widget包裹内容
  即使设置了isScrollControlled: true，如果BottomSheet内的内容无法滚动，系统不会自动调整位置。优先用SingleChildScrollView或ListView包裹所有内容。

• 正确添加键盘Insets padding
  不要单独给TextField加padding，而是给BottomSheet的根容器加底部padding，值取MediaQuery.of(context).viewInsets.bottom，这样整个BottomSheet会随键盘上移。

• 避免嵌套Scaffold
  如果BottomSheet里嵌套了Scaffold，可能会和外层的键盘Insets处理冲突，尽量移除嵌套的Scaffold，或者给嵌套的Scaffold设置resizeToAvoidBottomInset: true。

正确示例代码： #

showModalBottomSheet(
  context: context,
  isScrollControlled: true, // 必须开启
  builder: (BuildContext context) {
    return Padding(
      // 关键：添加键盘高度的底部padding
      padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
      child: SingleChildScrollView(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Padding(
              padding: const EdgeInsets.all(16.0),
              child: TextField(
                decoration: InputDecoration(
                  hintText: "输入测试内容",
                  border: OutlineInputBorder(),
                ),
              ),
            ),
            SizedBox(height: 16),
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 16.0),
              child: ElevatedButton(
                onPressed: () => Navigator.pop(context),
                child: Text("确认"),
              ),
            ),
            SizedBox(height: 20), // 预留底部空间
          ],
        ),
      ),
    );
  },
);

可选：结合DraggableScrollableSheet（适合长内容） #

如果BottomSheet内容较多，推荐用DraggableScrollableSheet，它能同时支持拖拽调整高度和键盘适配：

showModalBottomSheet(
  context: context,
  isScrollControlled: true,
  builder: (BuildContext context) {
    return DraggableScrollableSheet(
      initialChildSize: 0.6, // 初始高度占屏幕60%
      minChildSize: 0.3,
      maxChildSize: 0.9,
      expand: false,
      builder: (context, scrollController) {
        return Padding(
          padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
          child: ListView(
            controller: scrollController,
            children: [
              Padding(
                padding: const EdgeInsets.all(16.0),
                child: TextField(decoration: InputDecoration(hintText: "输入框1")),
              ),
              Padding(
                padding: const EdgeInsets.all(16.0),
                child: TextField(decoration: InputDecoration(hintText: "输入框2")),
              ),
              // 更多内容...
            ],
          ),
        );
      },
    );
  },
);

另外，检查当前页面的Scaffold是否设置了resizeToAvoidBottomInset: false，如果有，改成true（默认就是true，除非手动修改过）。

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