dart - Flutter Text 小部件不受父级大小的限制

Question

我有以下代码用于 ListView 中的单元格项目:

Widget build(BuildContext context) {
    return new Container(
      height: 120.0,
      padding: new EdgeInsets.only(left: 8.0, top: 4.0, right: 8.0, bottom: 4.0),
      child: new Row(
        mainAxisAlignment: MainAxisAlignment.start,
        children: <Widget>[
          new Padding(
            padding: const EdgeInsets.only(right: 8.0),
            child: new Image.network(
                movie.imageUrl,
                height: 120.0,
                width: 80.0,
                fit: BoxFit.fitHeight,
            ),
          ),
          new Expanded(
              child: new Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: <Widget>[
                  new Text(movie.title),
                  new Flexible(
                    child: new Container(
                      padding: const EdgeInsets.symmetric(vertical: 6.0),
                      child: new Text(
                          movie.about,
                      ),
                    ),
                  )
                ],
              )
          )
        ],
      ),
    );
  }

显示以下内容:

当电影描述大于单元格大小时，文本溢出，我希望它被剪裁，或者以省略号结尾，但似乎无法正常工作。

Answer 1

您可以设置 overflow: TextOverflow.ellipsis, 来剪辑文本并显示省略号:

child: new Text(
    'test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test ',
    overflow: TextOverflow.ellipsis,
  ),

但是你的下一个问题是关于包装的，我想不出来:(