如何在iOS模拟器上修复“右侧1329像素溢出的RenderFlex”

Question

如何解决异常“颤动：抛出另一个异常：RenderFlex溢出1329像素右侧”

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,
                    ),
                  ),
                ],
              ),
            ],
          ),
        ),
      ],
    );
  }

我得到如下例外情况：

颤动：抛出了另一个异常：RenderFlex溢出了右边327像素。颤动：抛出了另一个异常：RenderFlex在右边溢出了1753像素。颤动：抛出另一个异常：RenderFlex溢出487像素右侧。颤动：抛出另一个异常：RenderFlex在右边溢出1381像素。颤动：抛出了另一个例外：RenderFlex在右边溢出1308像素。颤动：抛出了另一个例外：RenderFlex在右边溢出了1347像素。颤动：抛出另一个异常：RenderFlex溢出53右边的像素。颤动：抛出了另一个异常：RenderFlex溢出了293像素。颤动：抛出了另一个例外：RenderFlex在右边溢出了2141像素。

This is a overflow problem i'm facing

Answer 1

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

• 使您在上一个容器中的文本成为可滚动的文本视图，以防止其溢出，而是允许此人滚动以全部读取。这可以使用SingleChildScrollView来实现。

要么

• 将底部的最终文本小部件更改为TextField，将maxLines更改为0，允许文本字段展开以适合传递给它的字符串长度。