HarmonyOS Text组件溢出时会导致文字和省略号重叠

代码如下:

Row() {
  Text("主标题xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx")
    .padding({right: 20}).maxLines(1).constraintSize({maxWidth: "100%"})
    .textOverflow({overflow: TextOverflow.Ellipsis})
  Text("副标题xxxxxxxxxx")
    .textOverflow({overflow: TextOverflow.Ellipsis})
    .maxLines(1)
    .layoutWeight(1)
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
HarmonyOS
2024-12-25 08:09:16
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
Excelsior_abit

使用flex布局,副标题组件设置默认flex空间占位大小,flexBasis;再让组件可以扩充flexGrow参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-flex-layout-V5#flexgrow

Flex({}){
  Text("主标题xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxsdgdsgfsdfgsdgsdfgsdfgsd")
    .maxLines(1)
    .textOverflow({overflow: TextOverflow.Ellipsis})

  Text("副标题xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxsdgdsgfsdfgsdgsdfgsdfgsd")
    .textOverflow({overflow: TextOverflow.Ellipsis})
    .maxLines(1)
    .flexBasis(40)
    .flexGrow(1)
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
分享
微博
QQ
微信
回复
2024-12-25 10:17:30
相关问题
HarmonyOS Text超出显示省略号
1605浏览 • 1回复 待解决
如何计算文本是否溢出省略
2272浏览 • 1回复 待解决
HarmonyOS Text组件如何设置文字方向
668浏览 • 1回复 待解决
HarmonyOS Text组件是否支持文字描边
853浏览 • 1回复 待解决