Skip to main content
Version: 0.63

Text Style Props

Example​

Reference

Props​

textShadowOffset​

TypeRequired
object: {width: number,height: number}No

color​

TypeRequired
colorNo

fontSize​

TypeRequired
numberNo

fontStyle​

TypeRequired
enum('normal', 'italic')No

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.

TypeRequired
enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')No

lineHeight​

TypeRequired
numberNo

textAlign​

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

TypeRequired
enum('auto', 'left', 'right', 'center', 'justify')No

textDecorationLine​

TypeRequired
enum('none', 'underline', 'line-through', 'underline line-through')No

textShadowColor​

TypeRequired
colorNo

fontFamily​

TypeRequired
stringNo

textShadowRadius​

TypeRequired
numberNo

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.

TypeRequiredPlatform
boolNoAndroid

textAlignVertical​

TypeRequiredPlatform
enum('auto', 'top', 'bottom', 'center')NoAndroid

fontVariant​

TypeRequiredPlatform
array of enum('small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums')NoiOS, Android >= 5.0

letterSpacing​

TypeRequiredPlatform
numberNoiOS, Android >= 5.0

textDecorationColor​

TypeRequiredPlatform
colorNoiOS

textDecorationStyle​

TypeRequiredPlatform
enum('solid', 'double', 'dotted', 'dashed')NoiOS

textTransform​

TypeRequired
enum('none', 'uppercase', 'lowercase', 'capitalize')No

writingDirection​

TypeRequiredPlatform
enum('auto', 'ltr', 'rtl')NoiOS