Build complex layouts with Expo Router v2 and Expo SDK 49 | File Based Routing | React Native
Рет қаралды 19,557
8 ай бұрынHello everyone 👋, In this video you will learn about implementing any kind of layout with expo router v2 and using latest expo sdk 49, we will build stack/tabs navigations and very complex nested navigations. Build professions apps using expo router v2.
Github repo: github.com/syednomishah/learn...
Expo Router Installation: docs.expo.dev/routing/install...
Test Deep-linking: reactnavigation.org/docs/deep...
Add TailwindCSS in React Native: • Add Tailwind CSS In Yo...
Add Navigation in React Native: • Food Delivery App with...
If you appreciate my work and you would like to support my channel: www.buymeacoffee.com/syednoman
🚨 more videos on react native:
Food Recipe App : • 🔴 Build Food Recipe Ap...
Movie App : • 🔴 Build Movie App Usin...
Onboarding UI with Lottie Animations: • 🔴 Onboarding UI with L...
AI Voice Assistant with ChatGPT & DALL-E : • 🔴 Build a React Native...
Travel App UI : • 🔴 Travel App UI | Reac...
Weather App : • 🔴 Build Weather App Us...
Coffee App UI : • 🔴 Coffee App UI - Reac...
Food Delivery App : • 🔴 Build Food Delivery ...
KZfaq Clone App: • 🔴 KZfaq Clone - Reac...
Login | SignUp UI : • 🔴 Login | SignUp UI - ...
Fast Food App : • 🔴 Fast Food App UI - R...
App Store UI : • 🔴 App Store UI - React...
Fruit Shop UI : • 🔴 Fruit Shop UI - Reac...
Firebase Authentication React Native: • React Native Firebase ...
Food Delivery App : • Food Delivery App with...
Learn React Native: • Build Expensify App Wi...
Learn Reactjs: • Modern React For Begin...
#expo #reactnative #tailwindcss #javascript #programming #typescript #speedcode #coding #design #appdevelopment #reactjs #ui #uiux #reactnavigation #reactnativetutorial #react #animation #reactjs #navigation #navigationbar #uidesign #mobiledevelopment #iosdeveloper #buildinpublic #opensource #reactnativeapp #reactjstutorial #typescript
react native animations
animations in react native
react native tutorial
react native app
react native tutorial for beginners
react native project
react native course
react native expo router
expo router v2
expo router sdk 49
expo router tabs
tab navigation
expo router nested navigation
@MrRobots100 4 ай бұрын
One of the best videos I have ever seen. Perfect. Made my day.
@priyanshudhawan5054 23 күн бұрын
you solve half of my problem that i suffering from 1 long day.
@user-dj2jq2dp2t 6 ай бұрын
Great tutorial thank you! For your future tutorials what would be great is a at the end of small summary of how the concepts you've showed in the video works :)
@codewithtae6637 4 ай бұрын
Appreciate the video! You filled in some knowledge gaps I had!
@withpaulex8645 Ай бұрын
Nice video compare to others am seeing for expo router
@haroldllames5709 7 ай бұрын
Wow. That's so informative and really great. I have been looking for this kind of tutorial. Please make more. Thank you!!!
@codewithnomi 7 ай бұрын
Thank you! Will do!
@JahangirAmin 4 ай бұрын
@galaxies_dev deserves all the credits for this video. This dude didnt even bother to change the thimbnail.
@refaldybagas 7 ай бұрын
thankyou. great tutorial ❤
@hellatalented 7 ай бұрын
Awesome vid bro helped alot!!!!!!
@perrythepalteypus2185 6 ай бұрын
Brilliant tutorial 🎉❤
@mtpk0 5 ай бұрын
You are awesome! Excellent tutorial, clear and concise, learned a lot. Thank you for all the effort you applied in making it. :)
@codewithnomi 5 ай бұрын
Thank you 🙏
@bestelectrocity 8 ай бұрын
Thanks, amazing 🎉
@mahendranath2504 4 ай бұрын
Nice thank you so much for amazing content
@user-vo3bm2dg3h 2 ай бұрын
perfect i will apreciate for this knowledes
@ahmaat19 8 ай бұрын
You gained my subscription
@ibiyemisamuel6082 8 ай бұрын
Thank you😊🎉❤
@Aflatoon947 8 ай бұрын
Good work 👌🏻
@anazi 7 ай бұрын
By far the best Expo Router tutorial. Now can you show us how we take care of the initial routing regarding Safe Authentication and preventing some lages to appear to unauthenticated users. No need to use a real authentication service to keep it simple just a boolean that triggeres isLoggedin = false. then settimeout => true after 1 second. To mimick a real life application and how can we implement it in Expo Router
@codewithnomi 7 ай бұрын
You can implement auth in expo router, follow this guide 👇 docs.expo.dev/router/reference/authentication
@inamulhasans9461 8 ай бұрын
Great 🎉❤
@ajinkyashinde6118 8 ай бұрын
Great learing with you sir. Nicely explain routing, waiting for more content.
@magne6049 7 ай бұрын
do you need to use the native stack navigation swipe animation? Or is the stack navigation merely conceptual and you can choose the animation yourself?
@Bkbois 8 ай бұрын
So can the tabs header background colour be changed, like that of the stack screen?
@ugo3648 4 ай бұрын
What a great tutorial! Thanks dude. Do you plan to make one on the SDK 50 and his new features ? Keep doing !
@codewithnomi 4 ай бұрын
Sure, will do.
@macabro019 Ай бұрын
Excellent video, how do you make the routes typed when using ? I just created a project with expo v50
@appdevfacil 8 ай бұрын
How incredible, wonderful this video is. How could we do this if we log in to the app? for the user to access the routes only after logging in, using expo router.
@codewithnomi 8 ай бұрын
you can implement auth as well. here is the reference: docs.expo.dev/router/reference/authentication
@olegtytov6134 7 ай бұрын
guys please,how can we change baground fon on top screen where written the name of the our components and how can we get away this inscription?
@erics1337 7 ай бұрын
Great tutorial. Please show how to make an animated drawer.
@codewithnomi 7 ай бұрын
will do 😉
@kral626 5 ай бұрын
Excellent! Thank you for this video. Say, if I want to make the Post Details page take up the full screen (even above the bottom tabs), how would I do that?
@codewithnomi 5 ай бұрын
You will have to create the post details screen in another stack
@kral626 5 ай бұрын
@@codewithnomi I see. Separate from the stack inside the (tabs) folder? Something like this? (tabs) index _layout posts post-details index _layout
@codewithnomi 5 ай бұрын
@@kral626 yup
@kevingrondin974 8 ай бұрын
Nice, and drawer navigation not change ?
@codewithnomi 8 ай бұрын
I'll create a video on this someday 😉
@wisdomelue 8 ай бұрын
🎉
@Pan_Policjant 4 ай бұрын
presentation modal doesnt work, is it because im on android?
@paysnug4470 6 ай бұрын
npm i react-native-modalize the modal is showing behing the tab the modal is showing behing
8 ай бұрын
Hi, I've been following your work and technically you're very good. but I would like to know how to rotate the cell phone screen next to vs code.......I don't know if you understood me
@Pan_Policjant 4 ай бұрын
how to test this deeplinking in android
@michealskup5730 2 ай бұрын
hi there ! does modal work on android ?????????????
@user-rdr1712 8 ай бұрын
Why tsx instead of js? Is it mandatory to follow .tsx file?
@codewithnomi 8 ай бұрын
No, you can use js
@paysnug4470 6 ай бұрын
the background inside tab is not working
@lanskaba3668 8 ай бұрын
This is just like nextjs 13 app router
@PorZa559 7 ай бұрын
Can I hide tab bar when go to postId page?
@codewithnomi 7 ай бұрын
You will have to create a separate stack layout for postId page
@PorZa559 7 ай бұрын
@@codewithnomi Thanks for replying. I already added stack layout to [id] folder, but tabbar is still shows.
@hubesh716 8 ай бұрын
That is totally similar with Next js
@codewithnomi 8 ай бұрын
yes
@hubesh716 8 ай бұрын
Sir plz make video how to . make Animated bottom Tabs with animated Drawer with navigation plz make this one with React native Reanimated
@codewithnomi 8 ай бұрын
Ok I will try
SOFIADELMONSTRO
Рет қаралды 63 МЛН
Code With Nomi
Рет қаралды 20 М.
Code With Nomi
Рет қаралды 2,5 М.
SOFIADELMONSTRO
Рет қаралды 63 МЛН