mirror of
https://github.com/zhigang1992/react-navigation.git
synced 2026-05-19 11:44:34 +08:00
2573b5beaa
The `Link` component can be used to navigate to URLs. On web, it'll use an `a` tag for proper accessibility. On React Native, it'll use a `Text`.
Example:
```js
<Link to="/feed/hot">Go to 🔥</Link>
```
Sometimes we might want more complex styling and more control over the behaviour, or navigate to a URL programmatically. The `useLinkTo` hook can be used for that.
Example:
```js
function LinkButton({ to, ...rest }) {
const linkTo = useLinkTo();
return (
<Button
{...rest}
href={to}
onPress={(e) => {
e.preventDefault();
linkTo(to);
}}
/>
);
}
```
Example for React Navigation
If you want to run the example from the repo,
- Clone the repository and run
yarnin the project root - Run
yarn example startto start the packager - Follow the instructions to open it with the Expo app
You can also run the currently published app on Expo on your Android device or iOS simulator or the web app in your browser.