react-native: Deep linking is not working when app is closed/killed

I’m facing the same issue. Any solutions?

@nixolas1 I’m facing exactly the same issue, putting a setTimeout inside the getInitialUrl make it works , but is not a cool solution, does anyone knows how to solve this in better way?

async getInitialURL() {
    const url = await Linking.getInitialURL();
    if (url) {
        setTimeout(() => {
            handleDeepLinkingUrl(url);
        }, 5000);
    }

    return url;
}

EDIT After a while I’ve created a Ref in my navigation object:

<NavigationContainer linking={linking} onReady={() => { isReadyRef.current = true }}>

The problem is that the navigation routes aren’t ready when the app is closed, so I’ve put a setInterval in the linking object, to check when the Navigation Container is ready to decide when to redirect:

async getInitialURL() {
        const url = await Linking.getInitialURL();
        if (url) {
            let interval: NodeJS.Timeout | null = null;

            interval = setInterval(() => {
                if (isReadyRef.current) {
                    handleDeepLinkingUrl(url);

                    if (interval) {
                        clearInterval(interval);
                    }
                }
            }, 100);
        }

        return url;
    }

I had the same problem and for me, the following is working on iOS and Android:

import * as Linking from 'expo-linking'

// prefix for deep-links
const prefix = Linking.createURL('/')

// config for deep-links
const config = {
	screens: {
		...
		},
	},
}

// variable for url
let deepLink

// linking config for navigator
const linking = {
	prefixes: [prefix],
	config,
	async getInitialURL() {
		// Check if app was opened from a deep link
		deepLink = await Linking.getInitialURL()
		// Don't handle it now - wait until Navigation is ready
		console.log('DeepLink URL:', deepLink)
	},
}

// open url if deepLink is defined
const openDeepLink = async () => {
	if (deepLink) Linking.openURL(deepLink)
}

// check when react navigation is ready
const onNavigationReady = async () => {
	// if deep link exists, open when navigation is ready
	await openDeepLink()
}

function AppNavigator() {
	return (
		<NavigationContainer onReady={onNavigationReady} linking={linking}>
			<Stack.Navigator>
				<Stack.Group>
					...
				</Stack.Group>
			</Stack.Navigator>
		</NavigationContainer>
	)
}

same here. Working with react-native 0.65.1 version.

@blueprin4 is I am facing issue in android only. do u have any idea how to fix for android?

is there any solution? i am also facing same issue.

Nice, seems like a possible solution @vitorbetani. Could I ask where you call your getInitialUrl function? I run mine in a useEffect inside a child component, and Linking.getInitialUrl just returns nothing. EDIT: Nevermind, I’m guessing you use the ReactNavigation example

Based on https://documentation.onesignal.com/v7.0/docs/react-native-sdk#handlers Deep linking in iOS from an app closed state You must be Modify the application:didFinishLaunchingWithOptions in your AppDelegate.m file to use the following:

NSMutableDictionary *newLaunchOptions = [NSMutableDictionary dictionaryWithDictionary:launchOptions];
    if (launchOptions[UIApplicationLaunchOptionsRemoteNotificationKey]) {
        NSDictionary *remoteNotif = launchOptions[UIApplicationLaunchOptionsRemoteNotificationKey];
        if (remoteNotif[@"custom"] && remoteNotif[@"custom"][@"u"]) {
            NSString *initialURL = remoteNotif[@"custom"][@"u"];
            if (!launchOptions[UIApplicationLaunchOptionsURLKey]) {
                newLaunchOptions[UIApplicationLaunchOptionsURLKey] = [NSURL URLWithString:initialURL];
            }
        }
    }

RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:newLaunchOptions];

also in reactnavigation: https://reactnavigation.org/docs/deep-linking/

const linking = {
    prefixes: ["https://example.com", "example://"],
    config,
    async getInitialURL() {
      const url = await Linking.getInitialURL();
      if (url != null) {
        return url;
      }
    },
  };

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

const linking = { prefixes: ['app://'], config: { // your config // }, async getInitialURL() { return Linking.getInitialURL() }, }

this code worked for me

I tried @vitorbetani’s approach and it didn’t work for me on ios. Fyi, I’m currently using a less pretty approach with settimeout instead but it’s working in my case

useEffect(() => {
    notificationListener.current =
      Notifications.addNotificationReceivedListener((notification) => {});

    responseListener.current =
      Notifications.addNotificationResponseReceivedListener((response) => {
        let url = response.notification.request.content.data.url;

        setTimeout(() => {
          Linking.openURL(url);
        }, 100);
      });

    return () => {
      Notifications.removeNotificationSubscription(
        notificationListener.current
      );
      Notifications.removeNotificationSubscription(responseListener.current);
    };
  }, []);

I was having same problem with I fixed it by adding “content available” on iOS . Here is link to SO I posted https://stackoverflow.com/a/70869289/4724718 The complete Onesignal postman code is:

{
  "app_id": "1234",
  "included_segments": ["Test"],
  "content_available" : true,
  "contents": {
                "en": "Hi"
            },
            "data": {
                "dynamic_link": "https://google.com"
            },
            "headings": {
                "en": "Testing"
            }
}