Label 组件用于文本显示, 一般为单行的少量文字。
| Prop | Type | Default | Note |
|---|---|---|---|
| Text props... | Label 组件继承 Text 组件的全部属性。 | ||
| type | string | 'default' | 显示样式类型。 - default: 在默认 Theme 中定义的字体颜色为深灰色(#333) - title: 在默认 Theme 中定义的字体颜色为黑色(#000), 字体大小为 default 的 1.1 倍 - detail: 在默认 Theme 中定义的字体颜色为浅灰色(#989898), 字体大小为 default 的 0.9 倍 - danger: 在默认 Theme 中定义的字体颜色为红色(#a94442) 显示效果参见Screenshots。 |
| size | string | 'md' | 显示尺寸大小。 - xl: 超大, 在默认 Theme 中定义的字体大小为 26 - lg: 大, 在默认 Theme 中定义的字体大小为 20 - md: 中, 在默认 Theme 中定义的字体大小为 14 - sm: 小, 在默认 Theme 中定义的字体大小为 10 - xs: 超小, 在默认 Theme 中定义的字体大小为 8 显示效果参见Screenshots。 |
| text | string number |
显示文本, 可以是字符串或数字。 | |
| numberOfLines | number | 1 | 显示行数, 继承自 Text 组件并修改默认值。 |
简单用法
<Label text='Hello world' />
使用 type、size 属性
<Label type='title' size='xl' text='Hello world' />
自定义 style
<Label style={{color: '#8a6d3b', fontSize: 16}} text='Hello world' />
