| id | link |
|---|---|
| title | Link |
| sidebar_label | Link |
The Link component lets us navigate to a screen using a path instead of a screen name based on the linking options. It preserves the default behavior of anchor tags in the browser such as Right click -> Open link in new tab", Ctrl+Click/⌘+Click etc.
It uses a Text component under the hood.
Example:
import { Link } from '@react-navigation/native';
// ...
function Home() {
return (
<Link to={{ screen: 'Profile', params: { id: 'jane' } }}>
Go to Jane's profile
</Link>
);
}If you want to use your own custom touchable, you can use useLinkProps instead
The Link component accepts the same props as useLinkProps