UI 组件
标签
用于显示文本的 UI 组件。
<Label>
是显示仅读文本的 UI 组件。
注意
NativeScript <Label>
与 HTML <Label>
不同。
xml
<Label text="Hello NativeScript!" />
示例
设置标签样式
如果你需要设置文本部分的样式,则可以使用 FormattedString
和 Span
元素的组合。
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
获取或设置字母间距。
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"
获取或设置空白处理。
请参阅 WhiteSpaceType 和 MDN:CSS white-space。
默认为 initial
。
...Inherited
有关其他继承的属性,请参阅 API 参考。
原生组件
- Android:
android.widget.TextView
- iOS:
UILabel
- 上一项
- Image
- 下一项
- ListPicker