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来实现。

或

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

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

1 个答案: