- Видео 3
- Просмотров 80 947
Saad Ibrahim
Добавлен 15 авг 2011
Implement deep linking in React Native apps using Universal links and URL schema
Implementing deep linking is an important part of building an app with a good user experience, it can allow you to launch your app from other apps, open links in the app instead of browser for a better experience, etc.
There are two ways to implement deep linking, one is called "Universal links" in iOS or "App links" in Android, and the other type is called URL schema. Based on your use case you can choose to implement both or one of them.
In this video tutorial, I will show you how to implement deep linking in both iOS and Android using both methods.
Code: github.com/saadibrahim/react-native-deep-links
You can find all relevant links in the readme file of the above Github repo.
My blog: saadi...
There are two ways to implement deep linking, one is called "Universal links" in iOS or "App links" in Android, and the other type is called URL schema. Based on your use case you can choose to implement both or one of them.
In this video tutorial, I will show you how to implement deep linking in both iOS and Android using both methods.
Code: github.com/saadibrahim/react-native-deep-links
You can find all relevant links in the readme file of the above Github repo.
My blog: saadi...
Просмотров: 58 460
Видео
How to create a Universal app by sharing code between a React JS web and React Native app.
Просмотров 6 тыс.3 года назад
In this tutorial, I show you how to share code between a React JS Web and React Native iOS and Android apps and create a universal app using react-native-web and yarn-workspaces. Code: github.com/saadibrahim/universal-react-app You can find all relevant links in the readme file of the above Github repo. My blog: saadibrah.im/ Linkedin: www.linkedin.com/in/saad-ibrahim-749a4330/
Add internationalization and RTL layout support to your React Native app using react-i18next
Просмотров 17 тыс.4 года назад
In this video tutorial, I show you how to add react-i18next to your react native app to handle translations, how to switch the language, and most importantly how to handle Right to Left layouts for languages like Arabic, Urdu, Farsi, Hebrew, etc. Code: github.com/saadibrahim/react-native-rtl-tutorial You can find all relevant links in the readme file of the Github repo. My blog: saadibrah.im/ L...
Error: Activity not started, unable to resolve Intent { act=android.intent.action.VIEW dat=gradezilla://forgot/... flg=0x10000000 pkg=com.mynewproject3 } what i do?
deep linking is working fine in android but not working in ios showing no routes like that
Awesome video. Really helped a lot. Thanks!
gracias, me fue muy útil tu video :)
Great job brother. All explained very well in depth. ❤🔥🔥Thank you
if app not installed, link open web url but not redirect to app store/ apple store. What should i do?
chrome not working for android and iOS :(((
can you do for Expo?
Not working in android 12 or higher
how to create link which opens app if app is there else open link in browser if app not available?
hello can you guide me in android universal link implementation..??
What if we don't have website? Like you have opened in iOS, How can we do like in android?
Can't we do like open link in chrome browser and open android app just same as iOS?
14:14 How on android make dynamic hosts for different flavuors?
Good explanation, thank you for work
Thanks man! You safe my time!
I'm halfway into this video, but can't wait to finish before commenting... thanks for been thorough with the video
thank you for this useful tutorial
Great Tutorial , Saad bhai. I've question. I've different Stack pages for different tab. Whenever I implement Linking, it's mess up with other routing and also it's won't go deeper. It's only open the APP and not go deeper. can you please help me you out? Thanks/
can i test this in localhost if i dont have a domain?
This helped me a lot in implementing i18next in my React Native app. Thanks and may God bless you!
Thanks, this was super helpful
Thanks
Thank you sooo much for this wonderful easy peasy video😅...... Your video literally saved my day😊🙏
Excellent tutorial thank you
Best video ever, for real!
Many thanks! I had no idea that switching layout direction in RN should be done in so messy and unobvious way.
Subscribed just because this video finally solved my issue with android linking
i don't understand where i need to put both of JSON files, could some one help me?
Hey bro, did you find out how ?
@@Samkiitt no, kindly share us the solution
@@sehrishmunir3379 I have a react app on firebase, So I created the ".well-known" folder(with the json file in it) in the public folder of the project. after deploying and opening the address, it worked
@@Samkiitt you have created the ."well-known" folder inside your app or in the server?
@@sehrishmunir3379 I did it app-side. in the build/public folder
When you say 'one more step' to set up Universal Links vs. URL scheme, does it mean setting URL types in XCode is also required for Universal Links ?
No, that step is the same for both. The extra step is to upload the json domain verification file to your server.
@@msaadibrahimmake that video sir it will useful for us
very helpful, thank you sir
Sir what are the code you have wite inside Root navigation fie which you have to import
awsome man
How are you doing the snapshot testing of this common codebase?
I love this video so much. I come back to it whenever I have issues and it always helps, both for react native and flutter. Great job
Thanks Bro
Very useful and productive tutorial thanks for sharing you save mine lots of time wasting searching it.
Great work Saad Ibrahim, this is very helpful and more clear then the official documentation.
thank you so much, you're a lifesaver.
Your video about making the site Persian was excellent. But there is still a problem. Texts are written from the right, but Lyot is still arranged from the left. can you help us about this problem?
please visit react native docs on this matter. they got info on this.
does the react native restart work on expo ? if not how can i reach the same behaviour on expo ? ((everything is working fine except i should manually restare the app to see rtl flip)
Did you check it on google chrome?
Sir, amazing video which helped a great deal in setting this up. Well done
Amazing Tutorial. Very Helpful But I have an Issue we are working on more than 2 languages app SO we have two left align language and one right align how can i create a check for this In index.js file when we set language and is there any way to change alignment without restarting app
08:01 - i18next implementation 15:12 - RTL layout
I followed this but in Android, it opens the link in the Gmail in-app browser and sends the request to my backend instead before opening the app. When I long-press and click "Open in browser" then it works. Is there something I can do to force the link to open the app instead of the Gmail in-app browser?
Did you find any solution?
Thanks for tutorial. I am having issue with adding the linking prefixes on a react Nativation v4. rather than on react Navigation v5 Question can be found on 9:00 of the video timeline. I await your response
very well explained, thanks
informative brother
Amazing, thank you brother