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)
}
HarmonyOS
2天前
浏览
收藏 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)
}
分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS Text超出显示省略号
690浏览 • 1回复 待解决
如何计算文本是否溢出省略
1725浏览 • 1回复 待解决
HarmonyOS Text组件如何设置文字方向
68浏览 • 1回复 待解决
HarmonyOS Text组件是否支持文字描边
45浏览 • 1回复 待解决
如何获取Text组件文字的宽度
2200浏览 • 1回复 待解决
组件溢出父容器问题
1356浏览 • 1回复 待解决