如何修复 Flutter 中 RenderFlex 溢出的问题？答案

【问题标题】：How to fix RenderFlex overflowed in Flutter?如何修复 Flutter 中 RenderFlex 溢出的问题？
【发布时间】：2019-05-13 13:01:34
【问题描述】：

我正在浏览Uplabs 并找到Login Ui/UX 设计者 Yogesh Solanki 和在Flutter中实现。

在编写该应用程序时，我遇到了一个问题：

1。 RenderFlex 溢出

错误消息是`A RenderFlex 在上溢出了 31 个像素底部。

How Do I Fix It?

【问题讨论】：

标签： flutter

【解决方案1】：

这取决于您的代码和使用的小部件。一种方法是将根小部件包装到SingleChildScrollView。

它可以是另一种解决方案 - 你最好粘贴你的代码

UPD

在AuthBody的build方法里面把Column改成：

ListView(children: <Widget>[
  _buildHeader(),
  _buildForm(context),
  _buildForgetButton(),
],)

【讨论】：

当我使用SingleChildScrollView 时，只有白色的空白屏幕。
尝试将Column 包裹在AuthBody 类中。或者把Column改成ListView
更新了答案
我将Column 替换为ListView，现在错误是ParentDataWidget 的使用不正确。展开的小部件必须放在Flex 小部件内。
这是因为Spacer - 你需要删除它