Text 样式属性

React 实战教程 深入学习一线大厂必备前端技能,VIP 教程限时免费领取。 立即查看 >

示例#

文档#

Props#

textShadowOffset#

类型必需
object: {width: number,height: number}

color#

类型必需
color

fontSize#

类型必需
number

fontStyle#

类型必需
enum('normal', 'italic')

fontWeight#

Specifies font weight. The values 'normal' and 'bold' are supported for most fonts. Not all fonts have a variant for each of the numeric values, in that case the closest one is chosen.

类型必需
enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')

lineHeight#

类型必需
number

textAlign#

Specifies text alignment. The value 'justify' is only supported on iOS and fallbacks to left on Android.

类型必需
enum('auto', 'left', 'right', 'center', 'justify')

textDecorationLine#

类型必需
enum('none', 'underline', 'line-through', 'underline line-through')

textShadowColor#

类型必需
color

fontFamily#

类型必需
string

textShadowRadius#

类型必需
number

includeFontPadding#

Set to false to remove extra font padding intended to make space for certain ascenders / descenders. With some fonts, this padding can make text look slightly misaligned when centered vertically. For best results also set textAlignVertical to center. Default is true.

类型必需平台
boolAndroid

textAlignVertical#

类型必需平台
enum('auto', 'top', 'bottom', 'center')Android

fontVariant#

类型必需平台
array of enum('small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums')iOS, Android >= 5.0

letterSpacing#

类型必需平台
numberiOS, Android >= 5.0

textDecorationColor#

类型必需平台
coloriOS

textDecorationStyle#

类型必需平台
enum('solid', 'double', 'dotted', 'dashed')iOS

textTransform#

类型必需
enum('none', 'uppercase', 'lowercase', 'capitalize')No

writingDirection#

类型必需平台
enum('auto', 'ltr', 'rtl')iOS