27. Deep linking and universal links

Deep links let external sources — a browser, another app, a QR code — open a specific screen in your app, e.g. `myapp://tx/0xabc` opening a transaction detail screen directly.

import { Linking } from "react-native";

Linking.addEventListener("url", ({ url }) => {
  // url: "myapp://tx/0xabc123"
  const hash = url.split("/tx/")[1];
  navigateToTx(hash);
});

React Navigation integrates this with a `linking` config mapping URL patterns to screens, so `myapp://tx/:hash` automatically routes to the right screen with `hash` as a param — essential for handling WalletConnect redirects.

Read in another language

How to study this topic

Scoring

Check your understanding

Badges