在 Flutter 中显示带省略号的段落

Posted 2023-02-23

【中文标题】在 Flutter 中显示带省略号的段落

【英文标题】：Show paragraph with ellipsis in Flutter

【发布时间】：2019-04-29 22:19:48

【问题描述】：

我知道如何在文本小部件中使用省略号。 overflow: TextOverflow.ellipsis 做得很好。但我的问题是它实际上只显示一行。我正在尝试制作类似于下图的布局：

如何在 Flutter 中做到这一点？

这是一种常见的布局，遗憾的是它没有在任何地方记录:(

【参考方案1】：

除了maxlines 之外，还使用overflow。如果您需要坚持非常严格的固定高度，那么您可以根据您的字体大小轻松计算出最大线的大小。

Text(
  'my super long string',
  textAlign: TextAlign.left,
  overflow: TextOverflow.ellipsis,
  maxLines: 3,
),

【讨论】：

谢谢。但是有点困惑，您可以编辑答案并发布一个小 sn-p 显示 Text 小部件显示两行吗？

谢谢，blaneyneil，非常感谢 :)

如果 Text 小部件不起作用，请使用 Expanded 包装。