HarmonyOS RichText问题

RichText组件比较消耗内存资源,而且有一些重复使用RichText组件的场景下,比如在List下循环重复使用RichText时,会出现卡顿、滑动响应慢等现象。在这种情况下推荐使用RichEditor组件。

需要在text中插一个图片,所以用到了ImageSpan现在Span这块的内容是需要富文本解析的如何实现?

Text中不支持插入RichText:

Text() {
  if (this.essences === "T") {
    ImageSpan($r('app.media.essences'))
      .width(16)
      .height(16)
      .margin({ right: 4 })
      .objectFit(ImageFit.Contain)
      .verticalAlign(ImageSpanAlignment.CENTER)
  }
  Span(this.text)
    .fontColor($r('app.color.txt_color'))
    .fontSize(15)
    .lineHeight(20)
    .fontWeight(400)
}
.layoutWeight(1)
.maxLines(3)
.textOverflow({ overflow: TextOverflow.Ellipsis })
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
HarmonyOS
2025-01-09 15:44:13
426浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
put_get

目前的富文本组件只有两个,一个是RichText主要是web的能力,一个是RichEditor。参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-richeditor-V5

也可以使用三方库@ohos/textlayoutbuilder,链接:https://ohpm.openharmony.cn/#/cn/detail/@ohos%2Ftextlayoutbuilder

分享
微博
QQ
微信
回复
2025-01-09 18:15:58


相关问题
HarmonyOS RichText 展示问题
642浏览 • 1回复 待解决
HarmonyOS RichText属性使用
1022浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
758浏览 • 1回复 待解决
HarmonyOS关于RichText的疑问
1811浏览 • 1回复 待解决
HarmonyOS RichText能否自适应高度
652浏览 • 1回复 待解决
HarmonyOS RichText字体显示的很小
506浏览 • 1回复 待解决
HarmonyOS richtext如何控制宽高
608浏览 • 1回复 待解决
HarmonyOS RichText无法指定字体大小
734浏览 • 1回复 待解决
HarmonyOS RichText 可以向左和向上滑动
504浏览 • 1回复 待解决
HarmonyOS RichText组件无法设置字体大小
761浏览 • 1回复 待解决
HarmonyOS 怎么修改richtext内文字的颜色
662浏览 • 1回复 待解决
HarmonyOS RichText组件如何取消滚动条
607浏览 • 1回复 待解决
HarmonyOS RichText展示的内容文字都很小
503浏览 • 1回复 待解决
为何RichText组件中内容可以滚动
2814浏览 • 1回复 待解决