Flutter “如何修复”；右侧的RenderFlex溢出1329像素”；关于iOS模拟器

如何解决异常“颤振：引发了另一个异常：右侧的RenderFlex溢出1329像素”

getAgentSnippet（代码片段）{
返回列(
儿童：[
新容器(
边距：常数边集。对称（垂直：10.0），
孩子：新的一排(
crossAxisAlignment:crossAxisAlignment.start，
儿童：[
填充物(
填充：仅限常量边集（左：20.0），
),
新容器(
child:new CircleAvatar（child:new Text（'A'）），
),
新专栏(
crossAxisAlignment:crossAxisAlignment.start，
mainAxisSize:mainAxisSize.max，
儿童：[
填充物(
填充：LTRB（10.0,0.0,0.0,0.0）中的常量边集，
),
新文本（model.name，
风格：Theme.of（context.textTheme.subhead），
新容器(
边距：仅限常量边集（顶部：5.0），
儿童：新文本(
snippet.text，
),
),
],
),
],
),
),
],
);
}

我得到的异常如下所示：

颤振：引发了另一个异常：右侧的RenderFlex溢出327像素。 颤振：引发了另一个异常：右侧的RenderFlex溢出1753像素。 颤振：引发了另一个异常：右侧的RenderFlex溢出487像素。 颤振：引发了另一个异常：右侧的RenderFlex溢出1381像素。 颤振：引发了另一个异常：右侧的RenderFlex溢出了1308个像素。 颤振：引发了另一个异常：右侧的RenderFlex溢出1347像素。 颤振：引发了另一个异常：右侧的RenderFlex溢出了53个像素。 颤振：引发了另一个异常：右侧的RenderFlex溢出293像素。 颤振：引发了另一个异常：右侧的RenderFlex溢出2141像素

---

当您试图在屏幕上显示的小部件太大而无法在屏幕上显示时，会导致溢出异常，从而发生溢出。从图片上看，似乎有要显示的文本，但如果文本太长，则会溢出。您有两个选择：

• 将上一个容器中的文本设置为可滚动文本视图，以防止其溢出，并允许用户滚动阅读所有内容。这可以使用

  SingleChildScrollView

  实现

或

• 将底部的最后一个文本小部件更改为一个文本字段，并将

  maxLines

  更改为

  0

  ，以允许文本字段扩展以适应传递给它的字符串长度

getAgentSnippet(Snippet snippet) {
    return Column(
      children: <Widget>[
        new Container(
          margin: const EdgeInsets.symmetric(vertical: 10.0),
          child: new Row(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              Padding(
                padding: const EdgeInsets.only(left: 20.0),
              ),
              new Container(
                child: new CircleAvatar(child: new Text('A')),
              ),
              new Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                mainAxisSize: MainAxisSize.max,
                children: <Widget>[
                  Padding(
                    padding: const EdgeInsets.fromLTRB(10.0, 0.0, 0.0, 0.0),
                  ),
                  new Text(model.name,
                      style: Theme.of(context).textTheme.subhead),
                  new Container(
                    margin: const EdgeInsets.only(top: 5.0),
                    child: new Text(
                      snippet.text,
                    ),
                  ),
                ],
              ),
            ],
          ),
        ),
      ],
    );
  }