文本样式属性
示例
- TypeScript
- JavaScript
参考
属性
color
| 类型 |
|---|
| 颜色 |
fontFamily
| 类型 |
|---|
| 字符串 |
通用的字体系列 system-ui、ui-sans-serif、ui-serif、ui-monospace 和 ui-rounded 在 iOS 上受支持。
fontSize
| 类型 |
|---|
| 数字 |
fontStyle
| 类型 |
|---|
枚举 ('normal', 'italic') |
fontWeight
指定字体粗细。大多数字体支持值 'normal' 和 'bold'。并非所有字体都有每个数值对应的变体,在这种情况下会选择最接近的一个。
| 类型 | 默认值 |
|---|---|
枚举 ('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900') 或 数字 | 'normal' |
includeFontPadding Android
设置为 false 以移除旨在为某些上升部 / 下降部留出空间的额外字体内边距。对于某些字体,此内边距可能导致文本在垂直居中时看起来略微错位。为了获得最佳效果,还将 textAlignVertical 设置为 center。
| 类型 | 默认值 |
|---|---|
| 布尔值 | true |
fontVariant
允许你设置字体的所有字体变体。可以通过使用枚举数组或空格分隔的字符串来设置,例如 'small-caps common-ligatures'。
| 类型 | 默认值 | ||||
|---|---|---|---|---|---|
枚举数组 ( | [] | ||||
letterSpacing
增加或减少字符之间的间距。默认情况下没有额外的字母间距。
| 类型 |
|---|
| 数字 |
lineHeight
控制文本元素内行间垂直间距的数值。它指定连续文本行基线之间的距离。
| 类型 |
|---|
| 数字 |
textAlign
指定文本对齐方式。在 Android 上,值 'justify' 仅在 Oreo (8.0) 或更高版本(API 级别 >= 26)上受支持。在较低版本的 Android 上,该值将回退为 left。
| 类型 | 默认值 |
|---|---|
枚举 ('auto', 'left', 'right', 'center', 'justify') | 'auto' |
textAlignVertical Android
| 类型 | 默认值 |
|---|---|
枚举 ('auto', 'top', 'bottom', 'center') | 'auto' |
textDecorationColor iOS
| 类型 |
|---|
| 颜色 |
textDecorationLine
| 类型 | 默认值 |
|---|---|
枚举 ('none', 'underline', 'line-through', 'underline line-through') | 'none' |
textDecorationStyle iOS
| 类型 | 默认值 |
|---|---|
枚举 ('solid', 'double', 'dotted', 'dashed') | 'solid' |
textShadowColor
| 类型 |
|---|
| 颜色 |
textShadowOffset
| 类型 |
|---|
对象:{width?: number, height?: number} |
textShadowRadius
| 类型 |
|---|
| 数字 |
textTransform
| 类型 | 默认值 |
|---|---|
枚举 ('none', 'uppercase', 'lowercase', 'capitalize') | 'none' |
verticalAlign Android
| 类型 | 默认值 |
|---|---|
枚举 ('auto', 'top', 'bottom', 'middle') | 'auto' |
writingDirection iOS
| 类型 | 默认值 |
|---|---|
枚举 ('auto', 'ltr', 'rtl') | 'auto' |
userSelect
它允许用户选择文本并使用原生的复制和粘贴功能。优先级高于 selectable 属性。
| 类型 | 默认值 |
|---|---|
枚举 ('auto', 'text', 'none', 'contain', 'all') | none |