Text Style Props · React Native

Text Style Props

Reference

TypecolorTypestringTypenumberTypeenum('normal', 'italic')

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.

TypeDefaultenum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900')'normal'

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.

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

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

TypenumberTypenumber

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.

TypeDefaultenum('auto', 'left', 'right', 'center', 'justify')'auto'TypeDefaultenum('auto', 'top', 'bottom', 'center')'auto'TypecolorTypeDefaultenum('none', 'underline', 'line-through', 'underline line-through')'none'TypeDefaultenum('solid', 'double', 'dotted', 'dashed')'solid'TypecolorTypeobject: { width?: number, height?: number }TypenumberTypeDefaultenum('none', 'uppercase', 'lowercase', 'capitalize')'none'TypeDefaultenum('auto', 'ltr', 'rtl')'auto'