一个 RenderFlex 溢出底部 flutter

Question

当我运行该项目时，它显示 A RenderFlex overflowed on the bottom 底部溢出 6.7 像素的 RenderFlex。

Answer 1

在您的脚手架中，将resizeToAvoidBottomInset属性设置为 false。

Answer 2

试试下面的代码希望它对你有帮助。 在SingleChildScrollView中添加您的Column

也在这里参考我的回答

SingleChildScrollView(
   child:Column(
     children:[
      //Declare Your Widgets Here
     ],
   ),
),

Answer 3

当键盘出现时，它可能隐藏了一些东西。 为避免此问题，您可以将整个屏幕小部件包装在SingleChildScrollView中。 这将使屏幕可滚动。

Answer 4

一个快速的解决方案是阻止脚手架内的小部件在键盘打开时调整自己的大小但是这样，

return Scaffold(
      appBar: AppBar(
        title: Text('Expenses Tracker'),
      ),
      body: SingleChildScrollView( // wrap with a scrollable widget
        child: Column(
          children: <Widget>[
            ...... // other widgets 
          ],
        ),
      ),
    );