This component displays basic text. Its children must be a string literal or a series of children that are either Text components or View components with a fixed height and width.
Should fonts be scaled according to system setting?
Android and ios only
'head' | 'middle' | 'tail'
When numberOfLines is set, this prop defines how text will be truncated.
head: The line is displayed so that the end fits in the container and the missing text at the beginning of the line is indicated by an ellipsis glyph. e.g., "...wxyz"
middle: The line is displayed so that the beginning and end fit in the container and the missing text in the middle is indicated by an ellipsis glyph. "ab...yz"
tail: The line is displayed so that the beginning fits in the container and the missing text at the end of the line is indicated by an ellipsis glyph. e.g., "abcd..."
Android and ios only
Specifies a unique id for an HTML element
NOTE: This property may be going away in future versions
Expose the element and/or its children as accessible to Screen readers
It is hard or impossible to tell by a reference to an instance of a component from where this component has been instantiated.
You can assign this property and check instance.props.accessibilityId
For example accessibilityId is used in View's FocusArbitrator callback
Should be focused when the component is mounted, see also View's arbitrateFocus property
WARNING: autoFocus=true means that this Text's requestFocus() method will be called, however calling requestFocus() for Text might make sense only on mobile for the accessibility reasons, on web it has no effect, the application has to handle this either while setting this property or in the View's FocusArbitrator callback
For non-zero values, truncates with ellipsis if necessary.
Web platform doesn't support values greater than 1
Web platform may also not truncate properly if text contains line breaks, so it may be necessary to replace line breaks before rendering.
(e: SyntheticEvent) => void
Mouse & Touch Events
Is the text selectable (affects mouse pointer and copy command)
TextStyleRuleSet | TextStyleRuleSet
See below for supported styles
ID that can be used to identify the instantiated element for testing purposes