Flutter LimitedBox配合Text组件实现文字显示一行，超出显示点点点...

我爱模板网之前分享过通过css和js控制html文字溢出隐藏显示...的方法：
    css多行文字超出显示点点点...-webkit-line-clamp详解
    js控制多行文字超出显示点点点“...”
    文字超出一行或者指定行数（多行）显示点点点（...），-webkit-line-clamp

在使用flutter的时候，也遇到了这个需求，还好，flutter提供的相关方法：LimitedBox可以控制文字显示的最大长度，而Text则可以控制显示的行数和溢出后显示的模式，代码如下：

LimitedBox(
  maxWidth: 130,
  child: Text(
    _poiName(),
    maxLines: 1,
    overflow: TextOverflow.ellipsis,
  ),
)

部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！