How do I set up deep linking in React Navigation?

How do I set up deep linking in React Navigation?

To set up deep linking in React Navigation, you need to configure your navigation container with a linking object.

What does the linking object look like?

The linking object typically includes a prefixes array and a config object that maps paths to screens.

Can you give me a code example?

Sure! Here's a basic example:

const linking = {
  prefixes: ['https://myapp.com', 'myapp://'],
  config: {
    screens: {
      Home: 'home',
      Profile: 'profile/:id',
    },
  },
};

<NavigationContainer linking={linking}>...</NavigationContainer>

What if I want to handle parameters in the URL?

You can define parameters in your config, like profile/:id, and access them in your screen component using route.params.