Text 颤振：如何根据可用空间裁剪文本？

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

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

目前，该代码

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

返回新网格块(
孩子：新卡(
标高：3.0，
子容器：新容器(
填充：新边缘设置。全部（10.0），
子：新列(
儿童：[
正文(
文件[‘标题’]，
样式：新文本样式（fontWeight:fontWeight.bold），
),
正文(
文件['text']，
),
],
),
),
)
);

给出以下结果：

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

---

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

设置

溢出

行为应该这样做

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

---

另请参见

将文本小部件包装在扩展的或灵活的小部件内，并使用溢出。省略号这对我很有效

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

列(
儿童：[
灵活的(
子：文本(
“一些很长的文本或随机生成的字符串”，
溢出：TextOverflow.省略号，
软包装：是的，
),
),
],
),

尝试溢出：TextOverflow.fade，但没有任何更改，底部仍然溢出88个像素。实际上是来自

文本

小部件的溢出，还是来自某个父项？看起来与您试图完成的内容类似，可能它包含了一些有用的内容。@GünterZöchbauer它可以工作，但您需要在

文本中也添加
maxLines:1
。但问题是它会使文本垂直淡出，我要找的是水平。你能帮忙吗？编辑：设置
softWrap:false
似乎有效。决定将ListView与卡一起使用-它看起来也更好