Example#
Reference#
Props#
color
#
fontFamily
#
fontSize
#
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
.
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.
lineHeight
#
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
#
textDecorationLine
#
Type | Default |
---|
enum('none' , 'underline' , 'line-through' , 'underline line-through' ) | 'none' |
textDecorationStyle
iOS
#Type | Default |
---|
enum('solid' , 'double' , 'dotted' , 'dashed' ) | 'solid' |
textShadowColor
#
textShadowOffset
#
Type |
---|
object: { width?: number, height?: number } |
textShadowRadius
#
textTransform
#
Type | Default |
---|
enum('none' , 'uppercase' , 'lowercase' , 'capitalize' ) | 'none' |
writingDirection
iOS
#Type | Default |
---|
enum('auto' , 'ltr' , 'rtl' ) | 'auto' |