HarmonyOS textOverflow文字超出边界,显示省略号无效果

代码如下:

@Entry
@Component
struct Test {
  build() {
    Stack() {
      Row(){
        Text('安徽省合肥市蜀山区金寨路189号(中国科大东区地铁站1号口步行470米)')
          .width('100%')
          .height(20)
          .textOverflow({overflow:TextOverflow.Ellipsis})
      }
      .width('100%')
      .padding(10)
    }
    .width('100%')
    .height('100%')
  }
}
HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get

请搭配maxLines来使用,参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-text-V5#maxlines

demo:

@Entry
@Component
struct Index {
  build() {
    Stack() {
      Row(){
        Text('安徽省合肥市蜀山区金寨路189号(中国科大东区地铁站1号口步行470米)')
          .width('100%')
          .height(20)
          .textOverflow({overflow:TextOverflow.Ellipsis})
          .maxLines(1)
      }
      .width('100%')
      .padding(10)
    }
    .width('100%')
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS Text超出显示省略号
690浏览 • 1回复 待解决
HarmonyOS 布局超出边界,无法约束住
38浏览 • 1回复 待解决
HarmonyOS Text.textOverflow超长时显示异常
616浏览 • 1回复 待解决
HarmonyOS camera设置对焦无效果
396浏览 • 1回复 待解决
HarmonyOS 组件设置属性无效果
431浏览 • 1回复 待解决
HarmonyOS 监听键盘显示隐藏无效
33浏览 • 1回复 待解决
HarmonyOS 文字显示问题
451浏览 • 1回复 待解决
HarmonyOS如何实现文字轮播效果
486浏览 • 1回复 待解决
HarmonyOS 手机震动接口调用无效果
343浏览 • 1回复 待解决