跳到主要内容
版本:Next

文本样式属性

示例

参考

Props

color

Type
color

fontFamily

Type
string

支持 iOS 上的通用字体族 system-uiui-sans-serifui-serifui-monospaceui-rounded


fontSize

Type
number

fontStyle

Type
enum('normal', 'italic')

fontWeight

指定字体粗细。对于大多数字体,支持 'normal''bold' 两个值。并非所有字体都对每个数值都有对应的变体,在这种情况下会选择最接近的一个。

TypeDefault
enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900') or number'normal'

includeFontPadding
Android

设为 false 可移除额外的字体内边距,这些内边距用于为某些上伸部 / 下伸部留出空间。对于某些字体,这种内边距会使文本在垂直居中时看起来略微不对齐。为获得最佳效果,还应将 textAlignVertical 设置为 center

TypeDefault
booltrue

fontVariant

允许你为字体设置所有字体变体。可通过数组形式的枚举值或以空格分隔的字符串进行设置,例如 'small-caps common-ligatures'

TypeDefault
array of enum('small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums') or string[]

letterSpacing

增加或减少字符之间的间距。默认没有额外的字母间距。

Type
number

lineHeight

控制文本元素内文本行之间垂直间距的数值。它指定连续文本行基线之间的距离。

Type
number

textAlign

指定文本对齐方式。在 Android 上,值 'justify' 仅支持 Oreo(8.0)或更高版本(API level >= 26)。在较低版本的 Android 上,该值将回退为 left

TypeDefault
enum('auto', 'left', 'right', 'center', 'justify')'auto'

textAlignVertical
Android

verticalAlign 样式属性的别名,如果同时使用这两个属性,verticalAlign 将优先于 textAlignVertical

TypeDefault
enum('auto', 'top', 'bottom', 'center')'auto'

textDecorationColor
iOS

Type
color

textDecorationLine

TypeDefault
enum('none', 'underline', 'line-through', 'underline line-through')'none'

textDecorationStyle
iOS

TypeDefault
enum('solid', 'double', 'dotted', 'dashed')'solid'

textShadowColor

Type
color

textShadowOffset

Type
object: {width?: number, height?: number}

textShadowRadius

Type
number

textTransform

TypeDefault
enum('none', 'uppercase', 'lowercase', 'capitalize')'none'

verticalAlign
Android

TypeDefault
enum('auto', 'top', 'bottom', 'middle')'auto'

writingDirection
iOS

TypeDefault
enum('auto', 'ltr', 'rtl')'auto'

userSelect

它允许用户选择文本并使用原生复制和粘贴功能。其优先级高于 selectable 属性。

TypeDefault
enum('auto', 'text', 'none', 'contain', 'all')none