Implementing deep link in react native

Question

I’m Implementing deep link in react native app to click on View in app A to open app B. Before calling URL directly from another app I wanted to test it if it is working or not,

So for android it worked. I just set the launch option to URL and it showed the value of URL in console.

But in iPhone if I write the URL(testlink://) in safari browser it shows “safari cannot open the page because address is invalid”.

Steps I followed to setup deeplinking:

Added following code in AppDelgate.m

    #import <React/RCTLinkingManager.h>
    
    - (BOOL)application:(UIApplication *)application openURL:(NSURL *)url
      sourceApplication:(NSString *)sourceApplication annotation:(id)annotation
    {
      return [RCTLinkingManager application:application openURL:url
                          sourceApplication:sourceApplication annotation:annotation];
    }
    
    - (BOOL)application:(UIApplication *)application continueUserActivity:(NSUserActivity *)userActivity
     restorationHandler:(void (^)(NSArray * _Nullable))restorationHandler
    {
     return [RCTLinkingManager application:application
                      continueUserActivity:userActivity
                        restorationHandler:restorationHandler];
    }

Added a key in info.plist in XCode.

URLTypes -> Item 0 -> URL identifier(VALUE: testlink)
Adding the following code in Home page of the App.

   

 componentDidMount() {
      Linking.addEventListener('url', this._handleOpenURL);
    },
    componentWillUnmount() {
      Linking.removeEventListener('url', this._handleOpenURL);
    },
    _handleOpenURL(event) {
      console.log(event.url);
    }

Dan · Accepted Answer · 2018-03-29 13:17:56Z

7

Have you added testlink:// as a URL type in XCode?

For the purpose of this example, my Bundle Identifier is: org.reactjs.native.example.MyApp

Click on your project in Xcode, and click on the Info tab
Scroll down to URL Types
Click the + button
Add the Identifier: org.reactjs.native.example.MyApp.linking
Add URL Schemes: testlink
Clean & Build
Open Safari and type in testlink:// - it should open your app.

answered Mar 29, 2018 at 13:17

Dan

8,9129 gold badges46 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

devedv Over a year ago

Thank you it worked but now I'm facing a weird issue if the app is already open it shows the black screen. Any suggestions?

devedv Over a year ago

If the app is already open from URL then it shows the black screen on calling the URL again otherwise it works fine.

Collectives™ on Stack Overflow

Implementing deep link in react native

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related