text - Flutter:如何根据可用空间裁剪文本？

Question

如何根据可用空间裁剪文本？

有个类似的问题here ，但没有有效的答案。

目前，这段代码

            return new GridTile(
              child: new Card(
                elevation: 3.0,
                child: new Container(
                  padding: new EdgeInsets.all(10.0),
                  child: new Column(
                    children: <Widget>[
                      Text(
                        document['title'],
                        style: new TextStyle(fontWeight: FontWeight.bold),
                      ),
                      Text(
                        document['text'],
                      ),
                    ],
                  ),
                ),
              )
            );

给出这个结果:

我尝试使用溢出:TextOverflow.ellipsis，但文本变成了 1 行长。指定文本行长度不是一个好主意，因为在不同的屏幕尺寸上结果会有所不同。

如何使文本裁剪、适合或自动包裹到可用空间中？

Answer 1

设置溢出行为应该做

  new Text(
    widget.text,
    // softWrap: true,
    overflow: TextOverflow.fade,
  )

另见 Flutter: How to hide or show more text within certain length