HarmonyOS Text超出显示省略号

text组件使用textOverflow({ overflow: TextOverflow.Ellipsis }) maxLines(1)限制超出一行显示省略号时,如果中文前面和后面有数字和字母就会裁剪异常。

HarmonyOS
2024-10-08 10:28:57
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

设置设置断行规则WordBreak.BREAK_ALL即可,参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-text-V5#wordbreak11

参考demo如下:

@Entry  
@Component  
struct ChildComponent {  
  @State text: string = '黑龙江_12aadfdafdjdda..fsajfdi'  
  build() {  
    Column() {  
      Text(this.text)  
        .width(200)  
        .maxLines(1)  
        .textOverflow({ overflow: TextOverflow.Ellipsis })  
        .ellipsisMode(EllipsisMode.END)  
        .wordBreak(WordBreak.BREAK_ALL)  
    }  
  }  
}
分享
微博
QQ
微信
回复
2024-10-08 17:23:50
相关问题
多行文本省略的展开与显示
1026浏览 • 1回复 待解决
HarmonyOS Text中的Span显示问题
365浏览 • 1回复 待解决
HarmonyOS Text中如何显示 emjo 表情?
151浏览 • 1回复 待解决
HarmonyOS Tabs怎么与text同行显示
153浏览 • 1回复 待解决
Text匹配文字高亮显示
767浏览 • 1回复 待解决
鸿蒙 | Text 内容显示问题
10113浏览 • 5回复 待解决
HarmonyOS Text.textOverflow超长时显示异常
474浏览 • 1回复 待解决
Text组件是否支持多行显示
1912浏览 • 1回复 待解决
HarmonyOS如何使Text中的单词折行显示
379浏览 • 1回复 待解决
Text怎么显示带html标签的文本
4276浏览 • 1回复 待解决
HarmonyOS 富文本超出容器
163浏览 • 1回复 待解决