首页 > 建站教程 > APP开发,混合APP >  Flutter LimitedBox配合Text组件实现文字显示一行,超出显示点点点...正文

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,
  ),
)