如何在跨越几行的文本小部件上使用省略号？

Question

文本溢出并带有省略号会在第一行上剪切文本，即使文本换行也是如此。
另一方面，带有淡入淡出的溢出会呈现所有文本行，然后在最后一行上应用淡入淡出。

我希望将省略号应用于文本字段的最后一行。
左：省略号，右：淡出

代码：

/* Progress indicator styling */    
.gridProgressIndicator .sapMPIBarRemaining {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}
.gridProgressIndicator .sapMPI, 
.gridProgressIndicator .sapUiSizeCompact .sapMPI:not(.sapMPIDisplayOnly) {
    height: 2rem;
    border-radius: 22px;
}

仅在最后一行溢出时如何应用省略号？

Answer 1

在文本小部件中设置maxLines属性。

Text(
  widget.cartBody,
  style: Theme.of(context).textTheme.body1.copyWith(color: Colors.white),
  softWrap: true,
  overflow: TextOverflow.ellipsis, //Overflow breaks on first line, even if softWrap = true.
  textAlign: TextAlign.justify,

  maxLines: 9,
),

希望这会有所帮助！