HarmonyOS lineSpacing间距设置有问题

文档中默认说是0，但是lineSpacing设置为2，比默认的小，设置为4，比默认的大。和lineSpaceExtra（为2，间距和HarmonyOS的4差不多）不能平替，怎么样设置行间距呢

import { LengthUnit } from '@ohos.arkui.node'
@Entry
@Component
struct RedDot {
  build() {
    Column() {

      Row() {
        Text('你的手机发给你赶快给个免费免费绝对绝对绝对的大口大口的快快看过来过来过来')
          .fontSize(16)
          .fontColor(Color.Black)
          .width(100)

        Text('你的手机发给你赶快给个免费免费绝对绝对绝对的大口大口的快快看过来过来过来')
          .fontSize(16)
          .fontColor(Color.Black)
          .lineSpacing({ value: 2, unit: LengthUnit.FP })
          .width(100)

        Text('你的手机发给你赶快给个免费免费绝对绝对绝对的大口大口的快快看过来过来过来')
          .fontSize(16)
          .fontColor(Color.Black)
          .lineSpacing({ value: 4, unit: LengthUnit.FP })
          .width(100)
      }

    }
    .justifyContent(FlexAlign.Center)
    .borderWidth(1)
    .borderColor(Color.White)
    .width('100%')
    .height('100%')
  }
}

HarmonyOS

FengTianYa

2025-01-09 14:21:51

浏览

回答 1

待解决

回答 1

按赞同

按时间

Excelsior_abit

请参考，lineheight属性设置

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-text-V5

lineSpacing(value: LengthMetrics)

设置文本的行间距，设置值不大于0时，取默认值0, 类型是LengthMetrics

用法：

Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Start, justifyContent: FlexAlign.SpaceBetween }) {
  Text('lineSpacing').fontSize(9).fontColor(0xCCCCCC)
  Text('This is a context with no lineSpacing set.')
    .lineSpacingValue(undefined)
  Text( 'This is a context with lineSpacing set to 20_px.')
    .lineSpacingValue(LengthMetrics.px(20))
  Text('This is the context with lineSpacing set to 20_vp.')
    .lineSpacingValue(LengthMetrics.vp(20))
  Text('This is the context with lineSpacing set to 20_fp.')
    .lineSpacingValue(LengthMetrics.fp(20))
  Text('This is the context with lineSpacing set to 20_lpx.')
    .lineSpacingValue(LengthMetrics.lpx(20))
  Text('This is the context with lineSpacing set to 100%.')
    .lineSpacingValue(LengthMetrics.percent(1))

api地址：

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-text-V5#linespacing12

2025-01-09 17:19:11

如何写精华回答，获更多曝光？

发布

51CTO

51CTO博客

51CTO学堂

HarmonyOS lineSpacing间距设置有问题

订阅鸿蒙技术特刊，精选内容抢先看