Building Navigation in React Native with Expo Router
Vložit
- čas přidán 27. 08. 2024
- In this video, we will use Expo Router to implement navigation stacks, create routes and utilize different navigation components. Whether you're a beginner or an advanced developer, this video will take you through the process of building a navigation system with ease.
📚 Enroll NOW in The Full-Stack Mobile Developer course and don’t miss out on your chance to become a 6-figure dev! Check out what our successful students are saying about their experience:
academy.notjus...
This build includes a lot of tools & technologies, and it's a great opportunity to learn:
- What is Expo Router
- What are Navigation Stacks in Expo Router
- How to create navigation stacks using Expo Router
- How to use Expo Router in your Application
💬 Join the notJust Development gang and let's build together:
Twitter: / vadimnotjustdev
Instagram: / vadimnotjustdev
Facebook: / notjustdev
LinkedIn: / vadimsavin
Discord: / discord
Timecodes:
Disclaimer: This build is for educational purposes only!! All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity whatsoever with which I have been, am now, or will be affiliated.
#notjustdev #expo #reactnative
ありがとうございます。わたしは初心者でドキュメントを見ても理解が難しかったのですが、このチュートリアルのおかげで見通しが持てました。
can you please make a tutorial on "how to implement protected routes/authentication using expo router?"
That's a good one. I need that topic as well
That will be great. Nice suggestion bro
Great suggestion broh!
Thanks for sharing that knowledge! I've searched for days for a good tutorial for both web and app routing, finally found it here!
I am a UI Designer but I am proud to call myself a UX Engineer | React Native Expo Developer with just this live stream because everything i thought of is here in this video. I am starting out on this path and I am looking forward to learn more from you with expo router. More simplified projects to solidify my skills in mobile development. Thanks once again.
This is the only video that explained expo router in detail on the internet. Thanks for the video. Can you do a splash screen and onbording implementation using expo router?
That video was so incredibly informative, it got me unstuck with navigation in Expo! Thank you man!
Thank you. I think this is awesome tutorial that i have not seen before.
Glad you enjoyed it! 🙌
Thanks @Vadim this was really helpful. Have thought of doing a real world project with this next expo-router features, maybe a remake of some of the old livestream projects for us to see the full usage of this updates on expo router. Once again thanks. I have gone over and over this video for days. More power to you.
Very Good preparation . Well presented and too much easy to integrate and integrate within any project . Thanks
Thank you so much, understood it very well
Glad it helped!🙌
Thanks a lot Vadim, you have given to the point explanation without wasting any time. 😇😇
WTF! This expo router is incredible!
Simple but useful information 😌 GREAT!
Awesome work! 👏 Something about auth would also be a great follow up!
Thank u Vadim and your team for such a helpful and useful video tutorial :)
Our pleasure! Thanks for watching
Thank you for going through some this! Was wondering about the nested stack inside tabs
Sr. your tuts are amazing thank you very much for your time! One thing that I've been trying but didn't get through was that how to pass the whole object through Links?
can i get the source code?
Thanks for the tutorial. I'm trying to build a project with chat GPT and in react-native without any programming experience but i'd like to use expo for navigation. this really helps
Bro jumped from 0 to 100 in difficulty
Thank you and your team for such a helpful and useful video tutorial 😁
The best video ever, thanks Vadim!!!
Hi there,
I've been following many of your videos and really appreciate the content you share. I'm currently working on a cross-platform app using Expo Router SDK 49. During development, I've encountered some limitations with React Native Web, particularly with using certain web libraries. For instance, I couldn't find any libraries for Mapbox, which makes me consider if using Next.js with Expo might be a better option to leverage React libraries.
Do you have any advice on how to integrate web libraries within a React Native project or if there's a more effective approach to this?
Thank you for your videos and all the valuable insights you provide!
Best regards,
Thanks a lot for this intro! I'm building a chat app and would like to have Tabs navigation on the main screen, and want to hide Tabs when I enter one of the chats (go down the Stack). I'm wondering how I could do that.
u have so amazing energy!
As a React Native developer which do you like working with more? React-navigation or this new Expo library?
Vadim ? Please don’t ignore)
Hello and thanks for this good video. Is expo router production ready or should we stick to React navigation for now?
Thank you for this amazing tutorial. I will like if you can make a tutorial on TopTab in expo-router
on android the modal is not dragable to close, is there a way to make it on android??
would it be possible to show us a little more in depth on how to create layouts and shows different variations of doing it? i didnt really grasp how to do it. i tried creating my own but was unsuccessful. i was going for bottom tabs and drawer, as well as material top tabs inside of one of the bottom tabs but couldnt really figure out how to get it done.
Hello I have the same troubles with tabs and layout. Did you found any good resource?
Packed with content and very helpful. Thanks
Thank you for your kind comment!
I'm glad to hear that the content was helpful to you
Hi, notJust dev It's shedrach from Nigeria Thanks for the video, I really do appreciate it. I'm having a serious issue trying to pass parameters through the React native expo router form one screen to my detail screen. Can you please make a video or tutorial on that🙇♂🙇♂🙇♂
Thanks for the tutorial!
The link to the source seems to be missing.
Is it possible to somehow wrap app in a context, when there is nothing like an App.js/App.ts?
I like the tutorial and I would to know if you can help me with this .. first I have been trying to get the documentation of expo router and I cant. Secondly if we are doing file based routing then how do we create a folder to create components only .. because if I create a folder called components I am creating a nested route
This is great. I'll have to learn how to do protected routes with firebase. I would think it's the same as in React though correct?
Can you explain about local-authentication in react native cli
thanks alot. this will help me build better apps
When deep linking, The Back button doesn't show when I navigate via a deep link to a Stack Screen of a profile of a user in my app. This profile screen is housed under a tab in the app and I want the back button to show so that user can navigate to the main tab, otherwise it just stays stuck there on the profile screen with no way to navigate other parts of the tab like the root index screen of that tab.
is it possible to prevent back button using expo router ?
Can you make tutorial on speech to text conversion using react native expo cli
hi, having problems with displaying icons in IOS. Android and web woks well. Any idea what would be the cause?
Unfortunately here weren't something about auth((((( Can you record an additional, short video 5-10 min?
someone knows if it's possible (and how) to the layout to pass children components, so i can be able for example to set a background image, so it can be displayed on every other component?
Thank you 💕
can you do protected route with this? Like an authentication token for login page => home page.
what is the shortcut key to align a single line long codes into multiple lines code in vs codes. ctrl + Alt + F is not working
modal slide is not working in android. how we solve this issue ?
Hello Thank u for ur tutorial,..!
Is any reason react native app being lag if we reset the stack navigation for multiple time ?
Why isn't the source code available ? I would love to see how the project was set up.
tnx
That was great
is this will work in cli as well anyonr replay.....
compile an .aab the same as with a project created with create-expo-app from the expo server?
is seem openDrawer is not working for now from useNavigation
nice job, you have some great tutorials and video you just need to prepare better examples, and for gods sake enable the autocomplete where you put the . and you get the suggestions :). Amazing work tho thank you
do you have the link to the source code?
Anyone having the same re-render problems when using nested navigation? As soon as I create a _layout nested, useEffect is called twice.... Anyone got a solution? Haven't found anything :(
Tabs on 57:35
can we use drawer with this expo router
Can I use your code for business purposes?
you are amazing
no android and ios folders?
Excellent explanation of a poorly documented feature. Can you please upload the code to a repo and link it in the description?
Well, tried to use this with Typescript, but it was not possible.
Hey man, have you tried to build the expo router app with EAS BUILD. kindly reply this so i know whether this works. because i have tried and never works. if i cant build app apk or eas build then what is the use. thanks.
Have tried and it works.
Great how do i use this template with typescript
what is your vs code theme ?
Expo react native project with firebase and expo router please
how can i use it with typescript?
presentation: 'modal' is not made any animation with me is there anyone faces this issue ??
I have the same issue.
Upload source code
options={{ presentation: "modal" }} not working on my android phone
Same issue here.
TimeStamps would be nice bro
Can it be used in a non-expo project?
don't think so
How do we subscribe to your premium course?😊
The course is available on: academy.notjust.dev/
Payment app tutorial please.
HI
who doesnt using TS in 2023?
Merci !
downvote because no time-stamps.
how do i change the order?