Link
This component displays a hyperlink. On the web, it translates to an <a> tag. On mobile, it opens an embedded browser. On desktop it opens a tab in the default browser.
Styles
- Text Styles 
- Flexbox Styles 
- View Styles 
- Transform Styles 
Props
Name
Type
Description
accessibilityId
string
- 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 
allowFontScaling
boolean
- Should fonts be scaled according to system setting? 
autoFocus
boolean
- Should be focused when the component is mounted, see also View's arbitrateFocus property 
numberOfLines
number
- For non-zero values, truncates with ellipsis if necessary 
onHoverStart
(e: SyntheticEvent) => void
- Called when the mouse cursor enters or leaves the view bounds 
onHoverEnd
(e: SyntheticEvent) => void
- Called when the mouse cursor enters or leaves the view bounds 
onPress
(e: SyntheticEvent, url: string) => void
- Event called when the touch or mouse button is released within the bounds of the view and the press has not been canceled 
onLongPress
(e: SyntheticEvent, url:string) => void
- Event called when a long touch or mouse (> 1000ms) button is released within the bounds of the view and the press has not been canceled 
onContextMenu
(e: MouseEvent) => void
- Event called when context menu is triggered, either by right mouse button click or context menu key 
selectable
boolean
- Can the link be included in a text selection? 
style
LinkStyleRuleSet| LinkStyleRuleSet[]
- See below for supported styles 
testId
string
- ID that can be used to identify the instantiated element for testing purposes 
title
string
- Text for a tooltip 
url
string
- URL to follow for hyperlink 
Last updated
Was this helpful?
