Skip to main content
Version: 0.62

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