flutter 底部溢出的无限像素如何修复它

s5a0g9ez  于 2023-02-05  发布在  Flutter
关注(0)|答案(3)|浏览(220)

我正在写一个小部件,以采取输入电子邮件地址。但我得到的错误底部溢出的无限像素。
这是密码。

return Scaffold(
  body: Column(
    mainAxisSize: MainAxisSize.min,
    children: [
      Container(
          height: space_8,
          decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(space_2),
              color: widgetBackGroundColor
          ),
          child: SizedBox(
            height: space_8,
            child: TextFormField(
              controller: controller,
              keyboardType: TextInputType.emailAddress,
              decoration: InputDecoration(
                hintText: "example@gmail.com",
              ),
            ),
          )
      )
    ],
  ),
);
mec1mxoz

mec1mxoz1#

在您的支架下尝试:

resizeToAvoidBottomInset: false;

并且可以使用SingleChildScrollView Package 列

iezvtpos

iezvtpos2#

Wrap您的ContainerExpanded小工具

return SafeArea(child:Scaffold(
  body: Column(
    mainAxisSize: MainAxisSize.min,
    children: [
     Expanded(child:
       Container(
          height: space_8,
          decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(space_2),
              color: widgetBackGroundColor
          ),
          child: SizedBox(
            height: space_8,
            child: TextFormField(
              controller: controller,
              keyboardType: TextInputType.emailAddress,
              decoration: InputDecoration(
                hintText: "example@gmail.com",
              ),
            ),
          )
      ))
    ],
  ),
));
2mbi3lxu

2mbi3lxu3#

space_8〉尺寸.高度。
您的Column children(高度为space_8的容器)大于可用设备高度(键盘打开或其他情况下)。
如果无法降低子级的高度,请考虑使用SingleChildScrollView(如@fotis_psarris所述)。
或者降低每个孩子的身高或根据您的使用情况使用灵活/扩展。

相关问题