如何实现文本后添加一个标签,可以随着文本换行而换行效果

如何实现文本后添加一个标签,可以随着文本换行而换行效果

HarmonyOS
2024-01-30 22:58:06
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
gnt_xxy

可以使用富文本组件,配合H5数据完成。

参考代码

@Entry 
@Component 
struct RichTextExample { 
  @State data: string = 
    '<span style="margin-right:20px">这是一段文字这是一段文字这是一段文字这是一段文字这是一段文一段文字这是一段文一段文字这是段文一段文字这是段文一段文字这是段文一段文字这是段文一段文字这是段文字这是一段文字</span>'+ 
      '<span style="display:inline-block;border:1px solid red">标签</span>'; 
 
  build() { 
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, 
      justifyContent: FlexAlign.Center }) { 
      RichText(this.data) 
        .onStart(() => { 
          console.info('RichText onStart'); 
        }) 
        .onComplete(() => { 
          console.info('RichText onComplete'); 
        }) 
        .width(500) 
        .height(500) 
        .backgroundColor(0XBDDB69) 
 
    } 
  } 
}
分享
微博
QQ
微信
回复
2024-02-01 11:15:23
相关问题
鸿蒙-富文本如何添加图片
4469浏览 • 1回复 待解决
如何实现文本竖向排列
127浏览 • 1回复 待解决
Text怎么显示带html标签文本
2316浏览 • 1回复 待解决
Java中平台无关的换行符是?
3134浏览 • 1回复 待解决
JS中的input值文本对齐该如何实现
6195浏览 • 1回复 待解决
有谁知道如何实现一个表格
89浏览 • 1回复 待解决
鸿蒙 如何实现一个渐变的圆形图片;
10286浏览 • 2回复 已解决
如何实现一个GIF图显示指定次数
106浏览 • 1回复 待解决
如何实现一个组件不停地旋转
142浏览 • 1回复 待解决
一个页面怎么实现多个AbilitySlice?
12329浏览 • 5回复 待解决
如何计算文本是否溢出省略
51浏览 • 1回复 待解决
如何获取文本框里的文字宽度
131浏览 • 1回复 待解决
动态设置文本导致致命错误
5298浏览 • 1回复 待解决