Link

The Link component renders a component that can navigate to a screen on press. This renders an <a> tag when using on the Web and It uses a Text component on other platforms. It preserves the default behavior of anchor tags in the browser such as Right click -> Open link in new tab", Ctrl+Click/⌘+Click etc. to provide a native experience.

The path in the href for the <a> tag is generated based on your linking options.

Example:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

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

Комментарии