Text设置了.textOverflow({overflow:TextOverflow.Ellipsis}),但是文字超长时结尾并没有用省略号代替。

Text设置了.textOverflow({overflow:TextOverflow.Ellipsis}),但是文字超长时结尾并没有用省略号代替。


HarmonyOS
2024-08-05 16:27:00
浏览
已于2024-8-5 16:27:22修改
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
易安安安

只设置了overflow:TextOverflow.Ellipsis是不生效的,多余的文字会超出Text组件的范围。需要配合maxLines使用才可生效。

不设置maxLines效果

Text("askdkasdkaskldkalkdask;ldkaslkdl;akd")
  .textOverflow({overflow:TextOverflow.Ellipsis})
  .width(200)
  .height(20)
  .backgroundColor(Color.Yellow)

设置了maxLines的效果

Text("askdkasdkaskldkalkdask;ldkaslkdl;akd")
  .textOverflow({overflow:TextOverflow.Ellipsis})
  .maxLines(1)
  .width(200)
  .height(20)
  .backgroundColor(Color.Yellow)

已于2024-8-5 21:46:41修改
分享
微博
QQ
微信
回复
2024-08-05 21:44:03
相关问题
HarmonyOS Text.textOverflow超长显示异常
594浏览 • 1回复 待解决
HarmonyOS Text超出显示省略号
643浏览 • 1回复 待解决
textOverflow怎么按字母截断
799浏览 • 1回复 待解决
关于WebView提示没有用户手势的问题
10441浏览 • 1回复 待解决