如何让键盘覆盖屏幕，不自动上推Dialog等组件内容？

要实现类似Scaffold的resizeToAvoidBottomInset: false效果，让Dialog在弹出键盘时保持原有尺寸和位置，仅让键盘覆盖在上方，可以通过以下两种方式实现：

方法一：用MediaQuery修改Dialog的视图内边距 #

将Dialog的内容包裹在MediaQuery组件中，移除键盘带来的视图内边距，这样Flutter就不会自动调整Dialog布局来避让键盘：

showDialog(
  context: context,
  builder: (context) {
    return MediaQuery(
      data: MediaQuery.of(context).copyWith(
        viewInsets: EdgeInsets.zero, // 移除键盘带来的视图内边距
      ),
      child: Dialog(
        child: Container(
          width: 300,
          height: 400, // 固定Dialog尺寸
          padding: EdgeInsets.all(16),
          child: Column(
            children: [
              TextFormField(
                decoration: InputDecoration(hintText: "输入内容"),
              ),
              // 其他组件
            ],
          ),
        ),
      ),
    );
  },
);

方法二：在Dialog内部嵌套Scaffold并禁用resizeToAvoidBottomInset #

如果Dialog内有较多交互组件，直接在Dialog的子节点中嵌套Scaffold，并设置resizeToAvoidBottomInset: false，复用Scaffold的属性功能：

showDialog(
  context: context,
  builder: (context) {
    return Dialog(
      child: Scaffold(
        resizeToAvoidBottomInset: false, // 禁用布局避让键盘
        body: Container(
          width: 300,
          height: 400,
          padding: EdgeInsets.all(16),
          child: Column(
            children: [
              TextFormField(
                decoration: InputDecoration(hintText: "输入内容"),
              ),
              // 其他组件
            ],
          ),
        ),
      ),
    );
  },
);

注意事项 #

• 如果Dialog内容需要滚动，可在Scaffold的body中嵌套SingleChildScrollView，但需保持resizeToAvoidBottomInset: false，避免滚动区域被键盘挤压变形。
• 固定Dialog的宽高可避免因布局变化出现尺寸波动，确保显示效果稳定。

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