Span组件设置行间距间距

有一个Text,里面包含了好几个span组件。我现在想要设置每个span组件的行间距这个要如何设置???麻烦提供下demo。

HarmonyOS
2024-10-09 10:30:46
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

span组件 通用属性方法仅支持文本通用属性,无法设置margin高度等尺寸位置属性,所以针对Text里面包含了多个span组件的场景,无法设置每个span组件的行间距;建议使用一个Row 包含多个Text 组件的方法配置;span组件介绍如下:(https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-span-V5

@Extend(Span)  
function normal() {  
  .fontSize(16)  
}  
  
@Extend(Span)  
function hyperlink(callBack?: () => void) {  
  .fontColor(Color.Red)  
  .fontSize(16)  
  .onClick(() => {  
    if (callBack) {  
      callBack()  
    }  
  })  
}  
  
@Entry  
@Component  
struct Index {  
  method1() {  
    console.log("1111111")  
  }  
  method2() {  
  }  
  
  build() {  
    Row() {  
      Text() {  
        Span("该组件从")  
          .normal()  
        Span("API Version7")  
          .hyperlink(this.method1)  
  
        Span("开始支持。")  
          .normal()  
        Span("后续版本如有新增内容,则采用上角标单独标记改内容的起始版本。该组件从")  
          .normal()  
        Span("API Version 10")  
          .hyperlink(this.method2)  
  
        Span("开始支持继承父组件Text的属性,即如果子组件未设置属性且父组件设置属性,则集成父组件设置的属性。")  
          .normal()  
      }  
      .textAlign(TextAlign.Start)  
    }  
    .width("100%")  
  }  
}
分享
微博
QQ
微信
回复
2024-10-09 16:16:01
相关问题
HarmonyOS Text组件设置行间距吗?
298浏览 • 0回复 待解决
使用lineHeight行间距展示不正确
153浏览 • 1回复 待解决
Text多行展示时,如何设置行间距
194浏览 • 1回复 待解决
如何设置镜像语言的左右间距
385浏览 • 1回复 待解决
如何设置分组列表的圆角和间距
1832浏览 • 1回复 待解决
TextInput ,TextArea无法设置字体间距
162浏览 • 1回复 待解决
Java Text控件,如何设置间距
6829浏览 • 1回复 待解决
HarmonyOS CustomDialog底部默认间距
230浏览 • 1回复 待解决
HarmonyOS Span 可以设置padding吗
291浏览 • 1回复 待解决
HarmonyOS span中如何设置圆角
323浏览 • 1回复 待解决