【问题标题】:Show paragraph with ellipsis in Flutter在 Flutter 中显示带省略号的段落
【发布时间】:2019-04-29 22:19:48
【问题描述】:

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

如何在 Flutter 中做到这一点?

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

【问题讨论】:

    标签: dart flutter


    【解决方案1】:

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

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

    【讨论】:

    • 谢谢。但是有点困惑,您可以编辑答案并发布一个小 sn-p 显示 Text 小部件显示两行吗?
    • 谢谢,blaneyneil,非常感谢 :)
    • 如果 Text 小部件不起作用,请使用 Expanded 包装。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-08-20
    • 1970-01-01
    • 1970-01-01
    • 2013-03-15
    • 1970-01-01
    相关资源
    最近更新 更多