Linking.ts

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

const config = {
  screens: {
    BottomTabs: {
      path: 'bottom_tabs',
      screens: {
        Jobs: {
          path: 'jobs',
          exact: true,
          screens: {
            Search: {
              path: 'search',///:keyword/:location
              params: {
                keyword: (keyword: string) => `${keyword}`,
                location: (location: string) => `${location}`
              },
              exact: true,
            },
            JobDetail: {
              path: 'users/:screamId/',
              params: {
                screamId: (screamId: string) => `${screamId}`,
               
              },
              exact:true,
            }
          },
        },
        Resumes: { path: 'resume', exact: true },
        Profile: { path: 'profile', exact: true },
        Messages: { path: 'messages', exact: true,
        screens:{
          MessageDetailView:{
            path:'messageDetail',
            exact:true,
          }
        } },
        Settings: {
          path: 'settings', exact: true,
          
            GetHelp: {
              path: 'getHelp',
              exact: true,
            },
          
          }
        },

      }
    },

  }
}



const linking = {
  prefixes: ["https://www.kyadav.tech", "deeplink://"],
  config,
};


export default linking;

This is a Linking configuration file that will pass to NavigationContainer.

Here as you can see, I have defined paths for every route different from the page name because I have to make a path that I am getting in the deep link.

So for example

• I have a page JobDetail in my NavigationStack but the deep link URL I get for this page is users/:screamId/. So, how our app will know that whenever I get a URL like this https://kyadav.tech/users/3242341dsf in Mail or messages Safari browser etc. I have to send this to JobDetail Page.

• That's why we have to define our path like this

JobDetail: {
          path: 'users/:screamId/',
             params: {
               screamId: (screamId: string) => `${screamId}`,
              
             },
             exact:true,
}

here we should pass exact = true because we only open jobDetail page when the exact URL matches