How do I implement deep linking in React Navigation v6 with TypeScript?

How do I implement deep linking in React Navigation v6 with TypeScript?

To implement deep linking in React Navigation v6 with TypeScript, you need to set up your navigation container with linking configuration.

Can you provide a code example for the linking configuration?

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 about handling parameters in the deep link?

You can access parameters in your screen component using the route prop. For example:

const ProfileScreen = ({ route }) => {
  const { id } = route.params;
  return <Text>Profile ID: {id}</Text>;
};