HarmonyOS 关于给搜索词增加颜色的问题

搜索结果中需要把搜索词单独变红,有没有可以拼接带颜色的方法。 还是只能将文字切割,在Text组件中添加多个span来实现文字部分变色的需求

HarmonyOS
2024-12-18 16:22:09
1221浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
FengTianYa

1、可以使用Text+内嵌多个Span组件,对需要跳转的文字添加onClick事件:

@Entry
@Component
struct DialogExample {
  build() {
    Column() {
      Text('感谢使用!')
      Text() {
        Span('我们非常重视 的个人信息和隐私保护。依据最新法律法规要求,我们更新了')
        Span('《个人信息保护指引》').fontColor(Color.Blue)
          .onClick(() => {
            console.log('点击事件')
          })
      }
    }.width('100%')
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.

2、可以使用富文本组件RichText或图文混排组件RichEditor,请参考:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-richtext-V5

分享
微博
QQ
微信
回复
2024-12-18 18:56:30
相关问题
HarmonyOS 如何在Text中做搜索词高亮?
1074浏览 • 1回复 待解决
HarmonyOS 如何图片增加文字水印
695浏览 • 1回复 待解决
HarmonyOS 如何Text增加描边
688浏览 • 1回复 待解决
HarmonyOS 怎么图片渲染不同颜色
708浏览 • 1回复 待解决
HarmonyOS 支持gif设置颜色
883浏览 • 1回复 待解决
HarmonyOS 经典蓝牙搜索问题
1216浏览 • 1回复 待解决
HarmonyOS 关于自己app推送push
880浏览 • 1回复 待解决
HarmonyOS web组件移除增加问题
511浏览 • 1回复 待解决
TextField怎么某段文字设置颜色
9674浏览 • 2回复 待解决
HarmonyOS BLE 搜索、连接、断开等问题
1658浏览 • 1回复 待解决
HarmonyOS 气泡背景颜色问题
517浏览 • 1回复 待解决