| id |
title |
layout |
category |
permalink |
next |
previous |
| text-style-props |
Text Style Props |
docs |
APIs |
docs/text-style-props.html |
image-style-props |
view-style-props |
Props
Reference
Props
textShadowOffset
| Type |
Required |
| object: {width: number,height: number} |
No |
color
fontSize
fontStyle
| Type |
Required |
| 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.
| Type |
Required |
| enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900') |
No |
lineHeight
textAlign
Specifies text alignment. The value 'justify' is only supported on iOS and
fallbacks to left on Android.
| Type |
Required |
| enum('auto', 'left', 'right', 'center', 'justify') |
No |
textDecorationLine
| Type |
Required |
| enum('none', 'underline', 'line-through', 'underline line-through') |
No |
textShadowColor
fontFamily
textShadowRadius
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.
| Type |
Required |
Platform |
| bool |
No |
Android |
textAlignVertical
| Type |
Required |
Platform |
| enum('auto', 'top', 'bottom', 'center') |
No |
Android |
fontVariant
| Type |
Required |
Platform |
| array of enum('small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums') |
No |
iOS |
letterSpacing
| Type |
Required |
Platform |
| number |
No |
iOS |
textDecorationColor
| Type |
Required |
Platform |
| color |
No |
iOS |
textDecorationStyle
| Type |
Required |
Platform |
| enum('solid', 'double', 'dotted', 'dashed') |
No |
iOS |
writingDirection
| Type |
Required |
Platform |
| enum('auto', 'ltr', 'rtl') |
No |
iOS |