Text
A wrapper for Text component with extra functionality like modifiers support
(code example)
info
This component extends Text props.
tip
This component support margins, color, typography modifiers.



Usageβ
Live Editor
<Text text30>Text goes here</Text>
Result
Loading...
APIβ
animatedβ
Use Animated.Text as a container
boolean
centerβ
Whether to center the text (using textAlign)
boolean
colorβ
Color of the text
string
highlightStringβ
Substring to highlight. Can be a simple string or a HighlightStringProps object, or an array of the above
HighlightString | HighlightString[]
highlightStyleβ
Custom highlight style for highlight string
TextStyle
recorderTagβ
Recorder Tag
'mask' | 'unmask'
underlineβ
Whether to add an underline
boolean
uppercaseβ
Whether to change the text to uppercase
boolean