Flutter 灵活文本在列中溢出

Jan*_*aka 6 text overflow flutter

我正在创建一个列表图块,其中包含从互联网下载的主要图像。该图像可以是横向或纵向的。根据可用于标题文本更改的图像大小空间。

当从互联网下载图像时,可用空间会被重新调整。

为了解决这个问题,我使用了Flexible widget和TextOverflow.ellipsis。在我将“灵活”添加到列以添加子标题之前,这种方法效果很好。

现在,我收到较长标题文本的溢出错误。

知道如何解决这个问题吗?

Row(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: <Widget>[
        Container(
          constraints: BoxConstraints(minHeight: 50, maxHeight: 100),
          child: ClipRRect(
            borderRadius: BorderRadius.only(
                topLeft: Radius.circular(8),
                bottomLeft: Radius.circular(8)),
            child: FadeInImage(
              placeholder: AssetImage('images/placeholder-image.png'),
              image: NetworkImage(post.imageURL),
              fit: BoxFit.cover,
            ),
          ),
        ),
        Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            Flexible(
              child: Container(
                padding: const EdgeInsets.fromLTRB(8, 8, 5, 5),
                child: new Text(
                  post.title,
                  overflow: TextOverflow.ellipsis,
                  style: TextStyle(
                      fontWeight: FontWeight.bold,
                      fontSize: 15,
                      color: Theme.of(context).primaryColor),
                ),
              ),
            ),
          ],
        ),
      ],
    )
Run Code Online (Sandbox Code Playgroud)

Mob*_*ina 16

用 aColumn包裹,Flexible而不是用Texta 包裹Flexible

Flexible(
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                Container(
                  padding: const EdgeInsets.fromLTRB(8, 8, 5, 5),
                  child: new Text(
                    post.title,
                    overflow: TextOverflow.ellipsis,
                    style: TextStyle(
                        fontWeight: FontWeight.bold,
                        fontSize: 15,
                        color: Theme.of(context).primaryColor),
                  ),
                ),
              ],
            ),
          ),
Run Code Online (Sandbox Code Playgroud)