我的RenderFlex底部溢出了57个像素

Question

[嗨，我是Flutter的新手，我也看到了这个错误，它的标题也是如此，但似乎无济于事，当我为该应用加注星标时，布局看起来还不错，但是我遇到一个错误，这使我发疯了。我发现的解决方案之一是添加resizeToAvoidBottomPadding：我做过的false，但错误仍然存​​在。

Widget build(BuildContext context) {
return Scaffold(
  resizeToAvoidBottomPadding: false,
  body: Stack(
    children: <Widget>[
      Container(
        padding: EdgeInsets.symmetric(horizontal: 20),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Expanded(
              flex: 3,
              child: SizedBox(),
            ),
            _title(),
            SizedBox(
              height: 50,
            ),
            _displayUserNameAndPassword(),
            SizedBox(
              height: 20,
            ),
            _submitButton(),
            Container(
              padding: EdgeInsets.symmetric(vertical: 10),
              alignment: Alignment.centerRight,
              child: Text('Forgot Password ?',
                  style:
                      TextStyle(fontSize: 14, fontWeight: FontWeight.w500)),
            ),
            _divider(),
            _facebookButton(),
            Expanded(
              flex: 2,
              child: SizedBox(),
            ),
          ],
        ),
      ),
      Align(
        alignment: Alignment.bottomCenter,
        child:  _createAccountLabel(),
      ),
    ],
  ),
);

}

Answer 1

您需要使用ListView而不是Column。在列中，当键盘出现在文本字段中时，会导致renderflexed溢出错误。谢谢