add deep link

android/app/src/main/AndroidManifest.xml

@@ -20,6 +20,12 @@
             <action android:name="android.intent.action.MAIN" />
             <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
+        <intent-filter>
+          <action android:name="android.intent.action.VIEW" />
+          <category android:name="android.intent.category.DEFAULT" />
+          <category android:name="android.intent.category.BROWSABLE" />
+          <data android:host="app" android:scheme="cuplr" />
+      </intent-filter>
       </activity>
       <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
     </application>

src/linking.ts

@@ -0,0 +1,23 @@
+const config = {
+  screens: {
+    // Home: {
+    //   path: 'home/:id',
+    //   parse: {
+    //     id: (id) => `${id}`,
+    //   },
+    // },
+    // Profile: {
+    //   path: 'profile/:id',
+    //   parse: {
+    //     id: (id) => `${id}`,
+    //   },
+    // },
+    Notifications: 'notifications',
+    Settings: 'settings',
+  },
+};
+
+export const linking = {
+  prefixes: ['cuplr://app'],
+  config,
+};

src/shared/navigation/AppNavigator.tsx

@@ -3,6 +3,7 @@ import { DefaultTheme, NavigationContainer } from '@react-navigation/native';
 
 import { MainStack } from './MainStackNavigator';
 import { theme } from '../../constants/theme';
+import { linking } from '../../linking';
 
 export const AppNavigator = (): ReactElement => {
   const navigationTheme = {
@@ -14,7 +15,7 @@ export const AppNavigator = (): ReactElement => {
   };
 
   return (
-    <NavigationContainer theme={navigationTheme}>
+    <NavigationContainer theme={navigationTheme} linking={linking}>
       <MainStack />
     </NavigationContainer>
   );