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

Question

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

有一个类似的问题在这里，但没有工作的答案。

目前，此代码

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

给出了这个结果：

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

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

Answer 1

设置overflow行为应该做

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

另请参阅Flutter：如何在特定长度内隐藏或显示更多文本

Answer 2

将文本小部件包裹在“扩展”或“灵活”小部件内，并使用“overflow.ellipsis”，这对我有用

Column(
    children: <Widget>[
         Flexible(
             child: Text(
             "Some Very long Text or random generated strings ",
             overflow: TextOverflow.ellipsis,
             softWrap: true,
             ),
        ),
    ],
 ),