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

Поділитися
Вставка
  • Опубліковано 25 лис 2024

КОМЕНТАРІ • 73

  • @ArchitecttAK
    @ArchitecttAK  3 роки тому +2

    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 !!!

  • @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

  • @vaibhavgupta174
    @vaibhavgupta174 4 місяці тому

    what if we dont have app installed and we have link then it should go to app store or play store.

  • @SangNguyen-xo4oj
    @SangNguyen-xo4oj 3 роки тому +1

    Thanks for sharing pro. But I have a problem is when I kill it not work can you give me some idea? Thanks

  • @neerajkalrasuffescom1824
    @neerajkalrasuffescom1824 2 роки тому +1

    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?

  • @kriethxkriethx6392
    @kriethxkriethx6392 4 роки тому +2

    How do we handle nested deeplink?.. Hope you explain about nested route deeplink as well.

    • @kriethxkriethx6392
      @kriethxkriethx6392 4 роки тому

      @@ArchitecttAK Yes. deep link with nested navigators by nested deep link. Cool.👍

  • @sdfsdgsdfsdf23423423
    @sdfsdgsdfsdf23423423 4 роки тому +1

    Thanks, any ideas on deferred deep linking for new app users?

  • @Prasanth_Venkatachalam
    @Prasanth_Venkatachalam 3 роки тому +3

    Thanks, How to pass datas to nested navigations like Root stack then tab navigation and inside tab another stack navigation. Any guidance ??

  • @SumitKumar-od3kt
    @SumitKumar-od3kt 2 роки тому

    How to navigate on touch of notifications in kill state to specify screen ?

  • @bansiparmar3879
    @bansiparmar3879 Рік тому

    hey can you guide me how to share deep link url in social networks and redirect to our app..??

  • @ahmedmamdouh523
    @ahmedmamdouh523 2 роки тому

    good job you saved my ass. I was going crazy about deep linking and your video saved me.

  • @CamiloBuitrago19
    @CamiloBuitrago19 2 роки тому +1

    Awesome video mate. thank you so much

  • @stanlymedjo3338
    @stanlymedjo3338 3 роки тому +1

    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

  • @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 UA-cam, I will resume uploading content soon.

  • @havvakucuksubas3319
    @havvakucuksubas3319 4 роки тому +1

    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?

  • @Twouseless
    @Twouseless 3 роки тому +1

    thank you, buddy!! great video :))

  • @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.

  • @narekmusakhanyan523
    @narekmusakhanyan523 2 роки тому +1

    thank you, very practical and useful

  • @bhawnaverma3160
    @bhawnaverma3160 2 роки тому +1

    Thank you much more for the wonderful content.

  • @TarunSharma-po5ix
    @TarunSharma-po5ix Рік тому

    What if app is not installed will it redirect to content after installing the app?

  • @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...

  • @todaysgeneration8060
    @todaysgeneration8060 3 роки тому +1

    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.

  • @gandarainpanjaitan8595
    @gandarainpanjaitan8595 4 роки тому +1

    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 4 роки тому

      @@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 4 роки тому

      @@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?

  • @NoOne-zl4qb
    @NoOne-zl4qb 2 роки тому +1

    Thanks, you are great.

  • @vanchhai3029
    @vanchhai3029 3 роки тому +1

    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.

  • @CodtachiYoutube
    @CodtachiYoutube 3 роки тому +1

    Superb ✌️✌️

  • @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

  • @raaidkharbe9818
    @raaidkharbe9818 3 роки тому +1

    Thanks Bro with your help I was able to solve me issues

  • @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

  • @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.

  • @HarshitRaj-r1b
    @HarshitRaj-r1b 6 місяців тому

    What will happen if app is not install??

  • @ayush_katuwal
    @ayush_katuwal 2 роки тому +1

    Wow!! thanks for such great video bro, have been wondering to do this from long time....you saved my day😊

  • @bollywoodandhollywoodtrail2521
    @bollywoodandhollywoodtrail2521 3 роки тому

    Great brother. Love it.

  • @codefriendly8528
    @codefriendly8528 3 роки тому

    How to pass multiple Params?

  • @VKSGAUTAM12
    @VKSGAUTAM12 3 роки тому

    how to use this with react-native-navigation

  • @wesleyfeitosa0
    @wesleyfeitosa0 3 роки тому +1

    did you eject your expo application to implementing deep linking?

    • @ArchitecttAK
      @ArchitecttAK  3 роки тому +2

      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?

  • @nicolasortiz2638
    @nicolasortiz2638 3 роки тому +1

    Amazing talk! Thanks man

    • @ArchitecttAK
      @ArchitecttAK  3 роки тому

      Glad to know about that you liked it. Thanks man ❤️

  • @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.

  • @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

  • @rakeshpangil7834
    @rakeshpangil7834 2 роки тому

    how to run this in real device

  • @ddikodroid
    @ddikodroid 3 роки тому +1

    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.

  • @snehalmundada9081
    @snehalmundada9081 3 роки тому

    How to redirect link to app store Or play store if app is not installed?

    • @ArchitecttAK
      @ArchitecttAK  3 роки тому +1

      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 роки тому +1

      Sorry, Haven't created any video on that topic. I have plans to create a video on firebase dynamic link with flutter.

  • @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

  • @ArchitecttAK
    @ArchitecttAK  3 роки тому +1

    Subscribe channel to get notified about interesting technical videos - ua-cam.com/users/TechTalksWithAK

  • @rafaelinacio5237
    @rafaelinacio5237 3 роки тому +1

    Thanks