Flutter：键盘弹出时如何保持背景布局不变仅调整AlertDialog

问题根源是你背景页面的Scaffold设置了resizeToAvoidBottomInset: true，导致键盘弹出时整个背景布局会被压缩调整。要实现背景不动、仅AlertDialog适配，只需两步：

1. 关闭背景Scaffold的自动布局调整 #

把背景Scaffold的resizeToAvoidBottomInset改成false，这样键盘弹出时背景布局完全不会变化：

Scaffold(
  drawer: const Drawer(),
  extendBodyBehindAppBar: true,
  resizeToAvoidBottomInset: false, // 关键修改
  backgroundColor: MyColors.grey,
  appBar: MyAppBar(),
  // 其余body代码保持原样
)

2. 让AlertDialog单独适配键盘 #

现在背景不动了，但AlertDialog里的TextField可能会被键盘挡住，需要给Dialog的内容做适配：

• 用SingleChildScrollView包裹Dialog内容，确保内容能滚动不被截断；
• 计算Dialog高度时扣除键盘占用的空间，避免Dialog被键盘顶得变形。

修改后的AlertDialog代码：

Future<void> save() async {
  TextEditingController mcontroller = TextEditingController();
  var data = await showDialog<String>(
    context: context,
    builder: (_) => Container(
      decoration: BoxDecoration(
        color: MyColors.alertDialogBackground.withOpacity(0.3),
      ),
      child: AlertDialog(
        insetPadding: const EdgeInsets.all(25),
        backgroundColor: MyColors.lightBlue,
        shape: const RoundedRectangleBorder(
          borderRadius: BorderRadius.all(Radius.circular(20.0)),
        ),
        content: Builder(
          builder: (context) {
            // 获取扣除键盘高度后的可用窗口高度
            final mediaQuery = MediaQuery.of(context);
            final availableHeight = mediaQuery.size.height - mediaQuery.viewInsets.bottom;
            final width = mediaQuery.size.width;

            return SizedBox(
              width: width,
              height: availableHeight / 4.0, // 基于可用高度设置Dialog高度
              child: SingleChildScrollView( // 添加滚动支持
                child: Column(
                  mainAxisSize: MainAxisSize.min, // 让Column仅占内容所需高度
                  children: [
                    Center(
                      child: Text(
                        "Name of calculation",
                        style: MyStyles.BoldTextStyle,
                      ),
                    ),
                    TextField(
                      controller: mcontroller,
                      style: MyStyles.TextStyle,
                      decoration: myInputDecoration,
                    ),
                    Padding(
                      padding: const EdgeInsets.symmetric(vertical: 8.0),
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                        mainAxisSize: MainAxisSize.max,
                        children: [
                          Expanded(
                            child: Padding(
                              padding: const EdgeInsets.only(left: 8.0, right: 8.0, top: 10.0),
                              child: TextButton(
                                onPressed: () => Navigator.pop(context, 'Cancel'),
                                style: MyStyles.ButtonStyle(),
                                child: Padding(
                                  padding: const EdgeInsets.symmetric(horizontal: 5.0),
                                  child: Text(
                                    "Cancel",
                                    style: MyStyles.TextStyle(),
                                    textAlign: TextAlign.center,
                                  ),
                                ),
                              ),
                            ),
                          ),
                          Expanded(
                            child: Padding(
                              padding: const EdgeInsets.only(left: 8.0, right: 8.0, top: 10),
                              child: TextButton(
                                onPressed: () => Navigator.pop(context, 'Save'),
                                style: MyStyles.NXNButtonStyle(),
                                child: Padding(
                                  padding: const EdgeInsets.symmetric(horizontal: 5.0),
                                  child: Text(
                                    "OK",
                                    style: MyStyles.TextStyle(),
                                    textAlign: TextAlign.center,
                                  ),
                                ),
                              ),
                            ),
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
              ),
            );
          },
        ),
      ),
    ),
  );
  if (data == "Save") {
    print("Save");
    // do save
  }
}

额外说明 #

• 关闭背景Scaffold的resizeToAvoidBottomInset后，背景里的SingleChildScrollView不会再因键盘弹出自动滚动，完全保持原有布局；
• AlertDialog的上下文是独立的，通过MediaQuery获取的是当前Dialog窗口的信息，扣除键盘高度后计算的Dialog高度能确保它不会被键盘遮挡；
• 添加SingleChildScrollView是为了防止Dialog内容在小屏幕或键盘弹出时被截断，用户可以滚动查看完整内容。

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