React Native theorytheory 0/50 · 0%
Navigation · medium

27. Deep linking and universal links

Opening the app from a URL.

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.

Check your understanding

  1. 1. What is a deep link used for?

  2. 2. What React Navigation feature maps URLs to screens?

  3. 3. Why are deep links relevant to wallet apps?