8.7 已发布——WinterCG 兼容性第 1 部分
了解更多信息

<Label> 是显示仅读文本的 UI 组件。

注意

NativeScript <Label> 与 HTML <Label> 不同。

xml
<Label text="Hello NativeScript!" />

示例

设置标签样式

如果你需要设置文本部分的样式,则可以使用 FormattedStringSpan 元素的组合。

xml
<Label textWrap="true">
  <FormattedString>
    <Span text="This text has a " />
    <Span text="red " style="color: red" />
    <Span text="piece of text. " />
    <Span text="Also, this bit is italic, " fontStyle="italic" />
    <Span text="and this bit is bold." fontWeight="bold" />
  </FormattedString>
</Label>

属性

letterSpacing

ts
letterSpacing: number

获取或设置字母间距。

请参阅 MDN:CSS letter-spacing

lineHeight

ts
lineHeight: number

获取或设置行高。

请参阅 MDN:CSS line-height

text

ts
text: string

获取或设置显示的文本。

textAlignment

ts
textAlignment: 'initial' | 'left' | 'center' | 'right' = 'left'

获取或设置文本对齐方式样式属性。

默认为 left

textDecoration

ts
textDecoration: TextDecorationType // "none" | "underline" | "line-through" | "underline line-through"

获取或设置文本修饰样式。

请参阅 TextDecorationType

默认为 none

textTransform

ts
textTransform: TextTransformType // "initial" | "none" | "capitalize" | "uppercase" | "lowercase"

获取或设置文本转换。

请参阅 TextTransformType

默认为 initial

textWrap

ts
textWrap: boolean

获取或设置标签是否应将较长的文本换行为新行。

默认值为 false

whiteSpace

ts
whiteSpace: WhiteSpaceType // "initial" | "normal" | "nowrap"

获取或设置空白处理。

请参阅 WhiteSpaceTypeMDN:CSS white-space

默认为 initial

...Inherited

有关其他继承的属性,请参阅 API 参考

原生组件

上一项
Image
下一项
ListPicker