React Navigation 5 in React Native (Part 3) - Deep Linking Between Apps

preview_player
Показать описание


00:00 - Intro
02:15 - Setting up the 'linking' object that allows external links to connect to your app
03:50 - Building the config object that defines the screen links
6:50 - using the built-in Linking class to create the links in the 2nd test app
9:40 - Adding the URL Type in Xcode (Necessary for deep linking in iOS)
11:06 - Adding config to receive a parameter in a screen
16:43 - Adding config to link to Individual tabs within a tab navigator
18:18 - using the 'exact' flag to match paths (useful for nested navigator screens)
21:15 - Adding config for paths with multiple parameters
21:44 - Adding config for optional parameters
23:04 - Parsing link paths to specify the parameter types
25:59 - Finishing the rest of the link urls in the 2nd test app and testing links
38:20 - A quick overview of Android setup for deep linking
Рекомендации по теме
Комментарии
Автор

Deep linking is a very powerful tool. It allows you to communicate between apps. Think about Ride-sharing/Food delivery apps. Some have one app for drivers and a different app for customers. React Navigation makes the feature easy to implement. Are there any other React Navigation topics you would like to see me cover?

TheFlutterFactory
Автор

How can I get a query param from a deep linking? like: myapp://users?name=test

kzta
Автор

Hi, Thank you! It works but params are showing undefined.

{"key": "Profile-Qg4jxnpjL5D3dScF0AOkh", "name": "Profile", "params": undefined}

shobhitverma
Автор

I have a question when I get this link in a mobile message how can I open it. Because it is not a link and not highlighted and not clickable. Then how can I click on it and open the app. I am using this link to make the user invite like feature.

shakeelali
Автор

Thank you.. i've trying to figure out how to deep link nested tabs from few days & your video was very helpful

beginnerbytes
Автор

Once the app is opened by a deep link. Everytime I open the app, the same screen matched with the link gets opened. Is there any way to prevent it?

ytt
Автор

Hi, thank you so much, it was easy to understand and implement. i have a doubt, how to handle when the app has authentication?

I tried to do with an authenticated app, after login the page gets blank page and lose the route :(

yamitrvg
Автор

react navigation 5 deep linking work well on android and ios when app already opened but when i killed my app it show that screen but it does not redirect back like i am inside tab navigation home screen and navigate to detail screen that is outside the tab navigation. if i open detail screen via deep link it does not go back to home screen. please help me sir

narenderchatha
visit shbcf.ru