Achieving type safe deep linking in React Native with react-navigation #11

make-navigator-integration-example.tsx

import { LinkingOptions } from '@react-navigation/native';

const linking: LinkingOptions = {
  prefixes: ['example://'],
  config: {
    screens: {
      [RootStackConfiguration.name]: RootStackConfiguration.linking,
    },
  },
}

const TopLevelStack = createStackNavigator();

function App() {
  return (
    <NavigationContainer linking={linking}>
      <TopLevelStack.Navigator>
        <TopLevelStack.Screen
          name={RootStackConfiguration.name}
          component={RootStackConfiguration.render}
        />

        {/* ... */}
      </TopLevelStack.Navigator>
    </NavigationContainer>
  );
}