Text Style Props

Example

Reference

Props

color

Type
color

fontFamily

Type
string

fontSize

Type
number

fontStyle

Type
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.

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

includeFontPadding

Android

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.

Type	Default
bool	true

fontVariant

Type	Default
array of enum('small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums')	[]

letterSpacing

Increase or decrease the spacing between characters. By default there is no extra letter spacing.

Type
number

lineHeight

Type
number

textAlign

Specifies text alignment. On Android, the value 'justify' is only supported on Oreo (8.0) or above (API level >= 26). The value will fallback to left on lower Android versions.

Type	Default
enum('auto', 'left', 'right', 'center', 'justify')	'auto'

textAlignVertical

Android

Type	Default
enum('auto', 'top', 'bottom', 'center')	'auto'

textDecorationColor

iOS

Type
color

textDecorationLine

Type	Default
enum('none', 'underline', 'line-through', 'underline line-through')	'none'

textDecorationStyle

iOS

Type	Default
enum('solid', 'double', 'dotted', 'dashed')	'solid'

textShadowColor

Type
color

textShadowOffset

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

textShadowRadius

Type
number

textTransform

Type	Default
enum('none', 'uppercase', 'lowercase', 'capitalize')	'none'

writingDirection

iOS

Type	Default
enum('auto', 'ltr', 'rtl')	'auto'