Тёмный

How to implement deep linking in React Native with React Navigation v5 in 2021 

ArchitectAK
Подписаться 1 тыс.
Просмотров 46 тыс.
50% 1

Наука

Опубликовано:

 

15 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 73   
@ArchitecttAK
@ArchitecttAK 3 года назад
I am planning to do live practice sessions on interviews so that new engineers can be benefited from it and it helps them find jobs in their career. If you are preparing for the new job interview, it can help you practice for the interview. Write me at admin@ankitkumar.dev for scheduling a session. Thanks !!!
@vaibhavgupta174
@vaibhavgupta174 2 месяца назад
what if we dont have app installed and we have link then it should go to app store or play store.
@ArchitecttAK
@ArchitecttAK 3 года назад
Subscribe channel to get notified about interesting technical videos - ru-vid.com
@SangNguyen-xo4oj
@SangNguyen-xo4oj 3 года назад
Thanks for sharing pro. But I have a problem is when I kill it not work can you give me some idea? Thanks
@havvakucuksubas3319
@havvakucuksubas3319 3 года назад
How can I set up navigation with a deep link within the app when I click on the notification. demo: // ap I've created a similar link. Clicking this link will direct you to open the application. But when I click on every notification I want, it will direct you to the relevant page. I am getting the url of incoming notifications. Can you help?
@neerajkalrasuffescom1824
@neerajkalrasuffescom1824 2 года назад
thanks sir, great video. but how can we open application via browser. my app is getting opened though commands like you described in video but not getting opened through browser, can you please make video on that
@shravanbhuyar6276
@shravanbhuyar6276 2 года назад
I am also having the same issue. Did you find any solution?
@TarunSharma-po5ix
@TarunSharma-po5ix Год назад
What if app is not installed will it redirect to content after installing the app?
@bansiparmar3879
@bansiparmar3879 Год назад
hey can you guide me how to share deep link url in social networks and redirect to our app..??
@FCeleste
@FCeleste 2 года назад
nice video and excellent didactic. you only forgot of show how get the id in react native profile component but the github repo helps with that. thanks for the tutorial. stills works 2022
@SumitKumar-od3kt
@SumitKumar-od3kt 2 года назад
How to navigate on touch of notifications in kill state to specify screen ?
@hosseinforooghy8622
@hosseinforooghy8622 2 года назад
hi bro ... when I do this I can open deep link with nix in terminal But if I try in safari and write my deep link it just open my app and does not go to specific page that I want is it possible to help me pls
@vanchhai3029
@vanchhai3029 3 года назад
i just have one question. how can paste that url to browser or click in url to open App? Please help me
@ArchitecttAK
@ArchitecttAK 3 года назад
Hi buddy, Actually pasting custom deeplink url in the browser doesn't open app. You can test your custom deeplink via "commands" or opening the url from another app, such as whatsapp or email. Commands for Android and iOS are written in description box. Please check it.
@stanlymedjo3338
@stanlymedjo3338 3 года назад
Hi thanks for the video, please I have a problem, how do implement that for a file with a custom extension I mean my application generates a .kw extension I wish to open my application on a certain page using deep linking when the users click on the extension can you help me? thanks, in a advance
@narenderchatha
@narenderchatha 3 года назад
react navigation 5 deep linking work well when app open but when i killed or exit 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
@todaysgeneration8060
@todaysgeneration8060 3 года назад
How can I implement nested routing? I got stack bar, tab bar, then only the page.. It's not working.. First Route: Second Route:(Inside home) I need to get to Live... how to do?
@ArchitecttAK
@ArchitecttAK 3 года назад
Hey buddy, let me look in this over the weekend.
@ahmedmamdouh523
@ahmedmamdouh523 2 года назад
good job you saved my ass. I was going crazy about deep linking and your video saved me.
@Prasanth_Venkatachalam
@Prasanth_Venkatachalam 3 года назад
Thanks, How to pass datas to nested navigations like Root stack then tab navigation and inside tab another stack navigation. Any guidance ??
@kriethxkriethx6392
@kriethxkriethx6392 3 года назад
How do we handle nested deeplink?.. Hope you explain about nested route deeplink as well.
@kriethxkriethx6392
@kriethxkriethx6392 3 года назад
@@ArchitecttAK Yes. deep link with nested navigators by nested deep link. Cool.👍
@sdfsdgsdfsdf23423423
@sdfsdgsdfsdf23423423 3 года назад
Thanks, any ideas on deferred deep linking for new app users?
@HarshitRaj-r1b
@HarshitRaj-r1b 5 месяцев назад
What will happen if app is not install??
@gandarainpanjaitan8595
@gandarainpanjaitan8595 3 года назад
Great video, thanks for sharing bro. I have an question, when I kill the application and run this command npx uri-scheme open demo://app/profile/1001, it is not show the profile screen. Deep link only run when app is running?
@gandarainpanjaitan8595
@gandarainpanjaitan8595 3 года назад
@@ArchitecttAK Yeah, it's working now bro, thanks for this great video, if you dont mind bro, I have some request video for you about testing with jest. I hope you can create video about testing (mocking api call axios) with jest. Thank your very much.
@gandarainpanjaitan8595
@gandarainpanjaitan8595 3 года назад
@@ArchitecttAK Bro, I have one question, what if my func for UI application is AppDelegate.m is not empty, because I already define google sign in right there, - (BOOL)application:(UIApplication *)application openURL:(nonnull NSURL *)url options:(nonnull NSDictionary *)options { return [RNGoogleSignin application:application openURL:url options:options]; } And I want to put my deep linking - (BOOL)application:(UIApplication *)application openURL:(NSURL *)url options:(NSDictionary *)options { return [RCTLinkingManager application:application openURL:url options:options]; } How I can do that?
@wesleyfeitosa0
@wesleyfeitosa0 3 года назад
did you eject your expo application to implementing deep linking?
@ArchitecttAK
@ArchitecttAK 3 года назад
Hey Wesley, I haven't used expo for this application. Infact I used expo only once during my career. I am RN CLI kinda developer rather than expo.
@sawaijain6720
@sawaijain6720 3 года назад
Does this work if app is closed?
@rreell4372
@rreell4372 3 года назад
Hi, Nice video and helps a lot. I have one question though, in one of my projects I have both stack navigation and bottom navigation, This explanation is only passing the linking doc once. I want to pass both for stack navigation and bottom navigation. It'd be great if you reply with a solution. Thanks.
@CamiloBuitrago19
@CamiloBuitrago19 2 года назад
Awesome video mate. thank you so much
@venkateshparanthaman2470
@venkateshparanthaman2470 Год назад
Hi Bro, How to open a react native android app from external apps. Need to open an app from Whatsapp chat or Instagram chat. Eg: If i share this link to someone on whatsapp. They should open my app just by clicking. I have done this on iOS. Please reply..
@ArchitecttAK
@ArchitecttAK Год назад
It can be opened using deeplink. Please read more about it here reactnative.dev/docs/linking
@venkateshparanthaman2470
@venkateshparanthaman2470 Год назад
@@ArchitecttAK I have tried that it is not working bro
@venkateshparanthaman2470
@venkateshparanthaman2470 Год назад
@@ArchitecttAK There are two options one is with http or https and other one is with say for eg: clicking on this link androidapp:// from WhatsApp or any messaging app should open my app in android devices
@raaidkharbe9818
@raaidkharbe9818 3 года назад
Thanks Bro with your help I was able to solve me issues
@ArchitecttAK
@ArchitecttAK 3 года назад
Glad to know it helped you 😊
@simonyanky2528
@simonyanky2528 3 года назад
you have shown deep link but not universal links and applinks....plz make make video on ios-universal link and android--applinks..thanks..will be very greatful...
@vijaydadhich3358
@vijaydadhich3358 2 года назад
What code you wrote on the profile screen to get the query string?
@ArchitecttAK
@ArchitecttAK 2 года назад
All code is available on GitHub repo. Link is in description.
@VKSGAUTAM12
@VKSGAUTAM12 2 года назад
how to use this with react-native-navigation
@narekmusakhanyan523
@narekmusakhanyan523 2 года назад
thank you, very practical and useful
@Twouseless
@Twouseless 3 года назад
thank you, buddy!! great video :))
@husler7424
@husler7424 Год назад
Can you please make a video on React-Native specific VS code setup?
@ArchitecttAK
@ArchitecttAK Год назад
Sure, I was away since a while from RU-vid, I will resume uploading content soon.
@bhawnaverma3160
@bhawnaverma3160 2 года назад
Thank you much more for the wonderful content.
@codefriendly8528
@codefriendly8528 2 года назад
How to pass multiple Params?
@danielbd4883
@danielbd4883 Год назад
how can i use a qr code contaning the link to open a app?
@ArchitecttAK
@ArchitecttAK Год назад
You might need to code QR code reader in your app. Or else use any other QR code reader that opens deepllink from WR code in browser, then browser will redirect to your app.
@NoOne-zl4qb
@NoOne-zl4qb 2 года назад
Thanks, you are great.
@snehalmundada9081
@snehalmundada9081 3 года назад
How to redirect link to app store Or play store if app is not installed?
@ArchitecttAK
@ArchitecttAK 3 года назад
You need to use iOS Universal Linking and Android App Linking. Custom Scheme doesn't support opening app store or play store.
@snehalmundada9081
@snehalmundada9081 3 года назад
@@ArchitecttAK can Firebase dynamic links useful to do this?
@ArchitecttAK
@ArchitecttAK 3 года назад
Yes, you can use firebase dynamic link as well to achieve this, if you don't have any issues displaying long url in browser for sometime.
@snehalmundada9081
@snehalmundada9081 3 года назад
@@ArchitecttAK Any videos for that?
@ArchitecttAK
@ArchitecttAK 3 года назад
Sorry, Haven't created any video on that topic. I have plans to create a video on firebase dynamic link with flutter.
@rakeshpangil7834
@rakeshpangil7834 2 года назад
how to run this in real device
@CodtachiYoutube
@CodtachiYoutube 2 года назад
Superb ✌️✌️
@tahirmehmood1735
@tahirmehmood1735 3 года назад
bro RTCLinkingManager.h give error file not found
@ArchitecttAK
@ArchitecttAK 3 года назад
You have to add $(SRCROOT)/../node_modules/react-native/Libraries/LinkingIOS to your "Header Search Paths" in the Build Config of your project. You can find more information here reactnative.dev/docs/linking-libraries-ios
@bollywoodandhollywoodtrail2521
@bollywoodandhollywoodtrail2521 3 года назад
Great brother. Love it.
@nicolasortiz2638
@nicolasortiz2638 3 года назад
Amazing talk! Thanks man
@ArchitecttAK
@ArchitecttAK 3 года назад
Glad to know about that you liked it. Thanks man ❤️
@ayush_katuwal
@ayush_katuwal 2 года назад
Wow!! thanks for such great video bro, have been wondering to do this from long time....you saved my day😊
@ArchitecttAK
@ArchitecttAK 2 года назад
You are welcome bro 🙂
@ddikodroid
@ddikodroid 3 года назад
Can you continue making videos about React Native?😁
@ArchitecttAK
@ArchitecttAK 3 года назад
Hi Diko, Yes I can. But I would need list of topics for that. Could you please provide your topics here on via email to admin@ankitkumar.dev. Thanks.
@rafaelinacio5237
@rafaelinacio5237 3 года назад
Thanks
@ArchitecttAK
@ArchitecttAK 3 года назад
You are welcome
Далее
DeepLinking and Touchable Opacity in React Native
16:22
РЫБКА С ПИВОМ
00:39
Просмотров 1,1 млн
Wildest 10 SECONDS OF HIS LIFE 🤯 @TomIsted
00:14
Просмотров 2,7 млн
Auth deep linking in Expo React Native
24:06
Просмотров 15 тыс.
#1 Intro to Deep Linking | Expo Deep linking Series
12:57
React Native Social Share Tutorial
10:56
Просмотров 54 тыс.
САМЫЙ ДЕШЕВЫЙ iPhone
10:08
Просмотров 458 тыс.
Дым-машина из Китая
0:57
Просмотров 1,3 млн