跳到主要内容
新架构实战课 实操 + 基建 + 原理全维度包揽,抢先掌握 React Native 新架构精髓 立即查看 >Version: 0.70

Text 样式属性

示例

文档

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