带有 TextField 的 Flutter 底部模态表

Question

我有模态底板，具有以下简化结构：

showModalBottomSheet(
  isScrollControlled: true,
  ...
  builder: (BuildContext context) {
   return Padding(
      padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
      child: StatefulBuilder(
          builder: (BuildContext context, StateSetter setModalState){
            return SizedBox(
                height: MediaQuery.of(context).size.height,
                child: Stack(
                  children: [
                    getBackgroundImage(),
                    SingleChildScrollView(
                      child: Column(
                        mainAxisSize: MainAxisSize.min,
                        children: [
                          // ... ELEMENTS (text, TEXTFIELD, button, ...)
                        ],
                      )
                    ),
                  ],
                )
           );
         }
      ),
    );
  }
);

问题如下：当我在较小的设备中打开它时，底部模态表显示良好，并且可以滚动。但是，当我单击内部的

TextField

并且键盘打开时，尽管一切似乎都正常，但日志中显示以下问题：

RenderFlex 底部溢出 144 像素。

有人可以帮忙吗？我检查了各种来源和论坛，但没有找到任何相关答案。谢谢你。

Answer 1

我通过将其添加到我的

Scaffold

中解决了这个问题：

resizeToAvoidBottomInset: false,