BROOOOOOOOOOOO. YOU HAVE NO IDEA!!! BRO, I WAS FAILING TO REMOVE THE BOTTOM TAB!!! Man God bless you hahaha. Like you have no idea how frustrating it is. I prayed last night and was like Lord, this thing has me down and I am starting to avoid the project. (It's literally my first app because I am a UI UX designer). I said to Him please don't let this be one of those things i start that ends up being a bygone I never pursued. And right now after sitting down to do it, I felt 'search using your phone'. I was at my laptop by the way. And then I searched using my phone, and your video was the first on my suggestions and it was a UA-cam video. Do you know how many searches I had done prior on my laptop? MANY. There was not much to indicate that this video is for this specific issue I am facing, but I just knew it was the video to watch among the other videos and bam! If you don't believe in the Holy Spirit, y'all need to seek Him out.
I can't thank you enough for this! I was going on looking for all possible info on the net about how exactly to do what you are explaining here, and I just couldn't find the right info. It was a bit frustrating to say the least. But you've successfully explained it in just 10 minutes!! That's just awesome! Thank you again.
This is exactly what I was looking for, thanks a lot. I think if you need to say home/index when you don’t have the layout file and that’s why you were getting a warning.
At 3:14, if you define a React component as an anonymous function, i.e. `export default () => `, then React Refresh won't be able to restore the state inside that component correctly. This is because the function name is used as a restoration ID for components.
You did a much better job than the docs and example repos. I spent a few hours on this as it’s completely counter intuitive to do things this way. I wouldn’t say Expo Router is anywhere near being ready for production especially given the state of the docs. It’s far simpler to just use React Navigation directly right now.
It is a mindset shift, I agree. But it also simplifies things later on, so I think it's worth investing time into it - especially with Expo Router v2 out now!
i was getting crazy trying to create nested routes inside tabs, every time i created a new route it was creating a new tab... the point is the use of _layout.tsx inside my tab screen folder (like your /home/_layout.tsx)... thank you!!!!!!! i must to say that i've searching for a solution even the IA and even that can't help me until now!! hahahahha ty again!
Omggggg BRO you saved me !!!! I was trying to create pages where the tab bar would still show but i didn't want those pages IN the tab bar !!! Why was that info so hard to find ??? The Expo-router docs online are so unclear and don't go into a lot of details, very frustrating
The contents in this channel is very infomative,it really helps me understand react native and able to go on. and I like how you explain in each part which important but most tutorial i found don't have.
Thank you very much for the video, really clarifying. I have 3 questions, I am doing the migration in a medium-sized project, with a mixed navigation of Tabs with Stack in each Tab.Screen. 1 - What is the best way to do this on the Expo router? I've seen several videos, docs and tutorials and I'm skating. I'm having a lot of difficulty. 2 - Can I point out the Expo Router Stacks while keeping the screen files in the src/screens folder? 3 - How to reuse the same screen in 2 different stacks? I have a screen that repeats in 2 stacks. Could you make a video about this, I believe that most React Navigation projects have these characteristics that I am having difficulty with.
Thank you, Simon! This was a nice introduction. I am still wondering how you use the you use the React Native Functional Export Component to autogenerate some boiler plate code for new screens. Do you have to install an npm package to use that 'rnfe' command or to use the export component in general?
Congratulations 👏. Can you make a series of clean architecture in React Native projects, cover pattern like atomic design and how to apply it in React Native Projects. I have been thinking build an app for authentication I wanna use third services such firebase auth or clerk, and maybe later change to another provider, with good practices to avoid accomplishment with one specific provider follow strategy pattern or other one for a particular case Also build from scratch or use one of your existent project to convert into PWA using expo.
Somehow the articles i followed excluded the index file which constantly gave me unmatched routes :/ Thank you for saving me and making me learn some more about expo routs!
Thank you so much, Simon, for your great content. I am facing some issues with nested routes. In my case, the parent layout is a Tab (Tab 1, Tab 2, Tab 3). I have a nested stack layout inside each tab. Suppose I am on Tab 1 and there is a link that routes to Tab 2 > Screen 3 (not the initial route). Now, on Tab 2, I can't go back to the main screen of Tab 2. It gets stuck on Screen 3 (clicking on Tab 2 does not route me to the main screen of the Tab 2). It would be great if you could give me a solution or make a short video about that. Thank you so much! 💖💖
Hey Simon great video. I want to ask, if I have certain state in my "HomeScreen" page, and I want to make a new page with details with the info of my state of the HomeScreen, I need to use the useContext in the root layout.tsx of the Expo-router thing in order to do that? Sorry if this question is a dummy question, I'm a newbie with React actually.
I am getting "Unmatched Route" error, even though i just copied everything you did. I think there is some diff b/n JS and TS about routing. How to make this work on JS project, without TS?
i never work with mobile development. Do you think that is a good idea start by expo? Or should I learn react-native concepts first? I only choose expo, because seems to be a new react-native patterns (something similiar to CRA in react web dev)
Expo is React Native, and everyone agrees that starting with Expo is the right way in 2023! So yes, use Expo and get started with React Native - it just helps with a lot of things :)
it's really helpful and easy understand for the tab bar in expo-route. can you do one thing simon can we do the live talk for more about expo route so you and we can share the ideas each other. I think sound go. what do you think @simon
This was very helpful, thank you! I am trying to do somethign similar to this with one exception. Is there a way to navigate from a tab directly to a screen with a hidden tab bar? For instance, your 'list' tab navigated to a screen that linked to a 'New One' screen which did not have that tab bar. Is there a way to skip the middle screen and have the 'New One' screen be represented in the tab bar? Think of the 'new post' button in Instagram's tab bar. When the user presses on 'new post' it navigates to directly to a screen without the tab bar.
hi simmon, i have question what if we try push tab bar above the screen , i have a login screen and when user login then user need to navigate inside app flow after auth which is tab bar
thanks for your efforts , but how to make the tab bar shows in all pages of react native expo mobile app even the page is not shown in shortcuts of tab bar?
for some reason when i use the (tabs) in the app/layout i am getting the default project example screen with the default tabs and none of my files in the (tabs) folder are being seen
Hey thanks for your awesome video! Tell me, please, how can I connect redux in such a breakdown into files and such an architecture. I mean, exactly where should I use to push state to each page
If you want to use a context. where is the best place to warp the context provider? i have my index on the same level as my login and register screens/components
Hi Simon and thanks for your video. Can you make a video where you make an application with a drawer menu and with top swiper tabs in expo-router? Please
File based router is great. But there is an issue to organise my code. For example, I screens, utils, components folder inside my app folder like usual RN project. But I don't want utils, components appears in the router and for screens, I only want the contents appeared in router. I know I can use [screens] for this purpose. But how to disable components, utils folders appeared in router?
Great video! Did anyone manage to replace (tabs) in the header when navigating backwards to say something else like the name of the page you came from or using the word "Back"?
Hi Simon, nice video! I was wondering if its possible to navigate between two tabs programatically without the user clicking the tab at the bottom. Say there is a button in the home tab which when the user clicks it brings the list tab into view?
After i do the redirect with replace to a page that is inside the file (tabs) it shows this error " The action 'REPLACE' with payload {"name":"agenda"} was not handled by any navigator. Do you have a screen named 'agenda'? Do you know what could be happening?
Thats great tutorial! I have a question, Is it possible to combine Tab Bar Nav with Drawer in Expo, as I spent hours to do so unsuccessfully. I would like the bottom menu to be Tab Bar Nav, and also have the option to call Drawer Nav for example as an app settings menu. Thanks in Advance!
This works but the route outside the tabs is mounted twice and the animation also plays twice I think I'm gonna just refactor the whole app to use react navigation directly I've wasted like 6-7 hours trying to fix it
Why is it mounted twice? There are some edge cases with Router that are not perfect yet, but usually it's an issue of the setup (and maybe not 100% complete docs)
I'm really new to this concept of file based navigation, if every file is route and so do folders are, how does one organizes these files and folders? For instance i usually have screens on its own folder and sometimes within this folder i also have a components folder with ui speficic componentes to this screen as well as a styles file. How can you ignore files and folders with this system? I'd like to ignore this components folder (including all the files inside it) as well as any .tsx file of my desire, thank you before hand if you know how!
You can have folders at the top level next to the app directory and have like hooks, features, whatever.. Simply somewhere else but not in that folder!
so you have to keep duplicating the same layout file if you want to nest routes within the tab bar and still show the tab bar? That doesn't seem right, I hope I am misunderstanding
Is it possible to implement a home/splash screen without all those tab bars and headers? I need to create a home screen with a button. This button navigates to the tab bar home screen. In React Navigation it's easy. I hope you know what I mean. best regards
Sure, you can design this with layout files and simply not use a specific Stack layout for that home page! Will also do a tutorial on all things router soon again.
Hi there Simon, thanks a lot for the tutorial. There one thing I'm a little confused about, you showed how to use a tab screen as your first screen and How can we make a first screen with no tabbar and the second screen we navigate with a tabbar?
Yes you would define the drawer in your layout and have the files next to it, just like with tabs: expo.github.io/router/docs/migration/react-navigation/drawer-navigator
@@galaxies_dev thanks for your reply. Currently, the parent route is /home/ and the dynamic route I am looking to remove the tabbar is is /home/marketplace/search/[id]. Here id is creates a dynamic route. How will the solution your provided work in this case?
Good info.. but who are you racing? Lol. I never understand why people put out tutorials and then talk and work as fast as humanly possible. I’m trying to wrap my head around these dynamic routes. With an image modal
@@galaxies_dev lol thanks. It’s not just you. I get that you’re excited and that’s awesome. Just a little too fast for me. Some people sound really weird at .75 speed lol
test, headerTitle: "title", headerTitleAlign: "center", headerTitleStyle: { fontSize: 25, fontWeight: 'bold', color: 'red' }, headerStyle: { backgroundColor: 'orange', } }} /> Error -> The `redirect` prop on is deprecated and will be removed. Please use `router.redirect` instead what is problem and how to fix
You jump around so much, you click off the file browser so we can't see folder structure and have to pause and rewind to see it, you move your mouse so erratically and constantly stopping what you're saying to start another sentence. It's so hard to follow
BROOOOOOOOOOOO. YOU HAVE NO IDEA!!! BRO, I WAS FAILING TO REMOVE THE BOTTOM TAB!!! Man God bless you hahaha. Like you have no idea how frustrating it is. I prayed last night and was like Lord, this thing has me down and I am starting to avoid the project. (It's literally my first app because I am a UI UX designer). I said to Him please don't let this be one of those things i start that ends up being a bygone I never pursued. And right now after sitting down to do it, I felt 'search using your phone'. I was at my laptop by the way. And then I searched using my phone, and your video was the first on my suggestions and it was a UA-cam video. Do you know how many searches I had done prior on my laptop? MANY. There was not much to indicate that this video is for this specific issue I am facing, but I just knew it was the video to watch among the other videos and bam! If you don't believe in the Holy Spirit, y'all need to seek Him out.
That's awesome to hear and makes me smile!! If you enjoyed it, could you share the channel with your RN buddies? ️👋
Thanks!
I can't thank you enough for this! I was going on looking for all possible info on the net about how exactly to do what you are explaining here, and I just couldn't find the right info. It was a bit frustrating to say the least. But you've successfully explained it in just 10 minutes!! That's just awesome! Thank you again.
Thank you so much Chris!!
This is exactly what I was looking for, thanks a lot. I think if you need to say home/index when you don’t have the layout file and that’s why you were getting a warning.
Yeah finally figured that out as well :D
At 3:14, if you define a React component as an anonymous function, i.e. `export default () => `, then React Refresh won't be able to restore the state inside that component correctly. This is because the function name is used as a restoration ID for components.
Ahh thank you Evan!!
What would be the better way?
You did a much better job than the docs and example repos. I spent a few hours on this as it’s completely counter intuitive to do things this way. I wouldn’t say Expo Router is anywhere near being ready for production especially given the state of the docs. It’s far simpler to just use React Navigation directly right now.
It is a mindset shift, I agree. But it also simplifies things later on, so I think it's worth investing time into it - especially with Expo Router v2 out now!
i was getting crazy trying to create nested routes inside tabs, every time i created a new route it was creating a new tab... the point is the use of _layout.tsx inside my tab screen folder (like your /home/_layout.tsx)... thank you!!!!!!! i must to say that i've searching for a solution even the IA and even that can't help me until now!! hahahahha ty again!
Great to hear!
Omggggg BRO you saved me !!!! I was trying to create pages where the tab bar would still show but i didn't want those pages IN the tab bar !!! Why was that info so hard to find ??? The Expo-router docs online are so unclear and don't go into a lot of details, very frustrating
If you enjoyed it, could you share the channel with your RN buddies? ️👋
Thanks!
The contents in this channel is very infomative,it really helps me understand react native and able to go on. and I like how you explain in each part which important but most tutorial i found don't have.
Happy to hear that and thank you for the kind words - more React Native coming soon :)
You speak and do thing fast, love it !!!
Thank you!
Great stuff. It actually helped me to understand how using Stack works - godsend!!
Awesome!
Dude you just saved my bacon, thank you so much for this vid!
Any time mate!
Thank you very much for the video, really clarifying.
I have 3 questions, I am doing the migration in a medium-sized project, with a mixed navigation of Tabs with Stack in each Tab.Screen.
1 - What is the best way to do this on the Expo router? I've seen several videos, docs and tutorials and I'm skating. I'm having a lot of difficulty.
2 - Can I point out the Expo Router Stacks while keeping the screen files in the src/screens folder?
3 - How to reuse the same screen in 2 different stacks? I have a screen that repeats in 2 stacks.
Could you make a video about this, I believe that most React Navigation projects have these characteristics that I am having difficulty with.
Thanks dear for helping me to digest cool stuff easily.
This is a really helpful intro. Many many thanks.
Glad it was helpful!
Great video Simon! I like how you explain everything, most tutorials feel slow for people that are already familiar with React
Happy I had the right pace in this video :)
If you enjoyed it, maybe you can share the channel with your RN colleagues ✌️
Thank you, Simon! This was a nice introduction. I am still wondering how you use the you use the React Native Functional Export Component to autogenerate some boiler plate code for new screens.
Do you have to install an npm package to use that 'rnfe' command or to use the export component in general?
I think it's this extension: marketplace.visualstudio.com/items?itemName=jundat95.react-native-snippet
Thank you ☝😉... make a video on expo router authentication implementation with ... i dont know... appwrite or firebase ?
Good idea, thanks!
Very useful and saved me time. Thank you.
Happy to help - let me know when you encounter problems!
thank you very much i was lot confused about the index gile
If you enjoyed it, maybe you can share the channel with your RN colleagues ✌️
Thanks
This is what I did to solve it. I was wondering if there was a better way 😅
Yeah I guess not :D
This was really helpful
It's saved my Job
Thanks a lot
Exact Video, I needed!! Thanks Man
Glad to hear it!
Congratulations 👏. Can you make a series of clean architecture in React Native projects, cover pattern like atomic design and how to apply it in React Native Projects. I have been thinking build an app for authentication I wanna use third services such firebase auth or clerk, and maybe later change to another provider, with good practices to avoid accomplishment with one specific provider follow strategy pattern or other one for a particular case
Also build from scratch or use one of your existent project to convert into PWA using expo.
Thanks for the ideas - noted!
I was looking for this! Thanks
Hope you like it!
That looks cool. Is it ready for production yet?
Well v1 is stable as they say here: expo.github.io/router/docs/
Somehow the articles i followed excluded the index file which constantly gave me unmatched routes :/ Thank you for saving me and making me learn some more about expo routs!
You're welcome!
Great video, and good explanation
Thank you so much, Simon, for your great content. I am facing some issues with nested routes. In my case, the parent layout is a Tab (Tab 1, Tab 2, Tab 3). I have a nested stack layout inside each tab.
Suppose I am on Tab 1 and there is a link that routes to Tab 2 > Screen 3 (not the initial route). Now, on Tab 2, I can't go back to the main screen of Tab 2. It gets stuck on Screen 3 (clicking on Tab 2 does not route me to the main screen of the Tab 2). It would be great if you could give me a solution or make a short video about that.
Thank you so much! 💖💖
Hey Simon great video. I want to ask, if I have certain state in my "HomeScreen" page, and I want to make a new page with details with the info of my state of the HomeScreen, I need to use the useContext in the root layout.tsx of the Expo-router thing in order to do that? Sorry if this question is a dummy question, I'm a newbie with React actually.
Thanks mate really helpful stuff 👍
If you enjoyed it, you could share the channel with your RN buddies ✌️
Thanks!
I am getting "Unmatched Route" error, even though i just copied everything you did. I think there is some diff b/n JS and TS about routing. How to make this work on JS project, without TS?
I was having the same issue with TS. My issue was that I stupidly put the (tabs) folder under src/(tabs) instead of src/app/(tabs)
gosh finally found the right video
Happy to help!
i never work with mobile development. Do you think that is a good idea start by expo? Or should I learn react-native concepts first? I only choose expo, because seems to be a new react-native patterns (something similiar to CRA in react web dev)
Expo is React Native, and everyone agrees that starting with Expo is the right way in 2023! So yes, use Expo and get started with React Native - it just helps with a lot of things :)
@@galaxies_dev ok! :). Thankss
it's really helpful and easy understand for the tab bar in expo-route. can you do one thing simon can we do the live talk for more about expo route so you and we can share the ideas each other. I think sound go. what do you think @simon
This was very helpful, thank you! I am trying to do somethign similar to this with one exception. Is there a way to navigate from a tab directly to a screen with a hidden tab bar? For instance, your 'list' tab navigated to a screen that linked to a 'New One' screen which did not have that tab bar. Is there a way to skip the middle screen and have the 'New One' screen be represented in the tab bar? Think of the 'new post' button in Instagram's tab bar. When the user presses on 'new post' it navigates to directly to a screen without the tab bar.
We need a run through of a top tab with expo router
Thanks. This helped me a great deal.
Glad I could help!
hi simmon, i have question what if we try push tab bar above the screen , i have a login screen and when user login then user need to navigate inside app flow after auth which is tab bar
that was exaactly what i was looking for ty man
Happy I could help 💪
This sample as is didn't work for me. anywhere i can find the code? not sure what i am missing.
thanks for your efforts , but how to make the tab bar shows in all pages of react native expo mobile app even the page is not shown in shortcuts of tab bar?
very helpful. thank you man
for some reason when i use the (tabs) in the app/layout i am getting the default project example screen with the default tabs and none of my files in the (tabs) folder are being seen
Hey thanks for your awesome video!
Tell me, please, how can I connect redux in such a breakdown into files and such an architecture. I mean, exactly where should I use to push state to each page
Please make a tutorial on how to customize and change theme in tamagui
Alright will talk about Tamagui soon!
If you want to use a context. where is the best place to warp the context provider? i have my index on the same level as my login and register screens/components
Context should be in the top _layout, as this will always be applied!
It would be helpfull, you make a video, about pass API-data from one tab to another tab, with TS an expo-router.🙏
You would either have to use state or only pass an ID and retrieve the details on the following page!
Hi Simon and thanks for your video. Can you make a video where you make an application with a drawer menu and with top swiper tabs in expo-router? Please
Top tabs, interesting. Will see what I can do!
I did this in the same project,
I brought in react navigation top tabs
And it worked easily with expo router
Thanks perfect tutorial.
File based router is great. But there is an issue to organise my code. For example, I screens, utils, components folder inside my app folder like usual RN project. But I don't want utils, components appears in the router and for screens, I only want the contents appeared in router. I know I can use [screens] for this purpose. But how to disable components, utils folders appeared in router?
Great video! Did anyone manage to replace (tabs) in the header when navigating backwards to say something else like the name of the page you came from or using the word "Back"?
You should be able to set the headerBackTitle
Thanks😊
You are welcome!
Hi Simon, nice video!
I was wondering if its possible to navigate between two tabs programatically without the user clicking the tab at the bottom.
Say there is a button in the home tab which when the user clicks it brings the list tab into view?
Nevermind, I figured it out. I just did router.push("route/to/tab") and it worked. I wish the documentation was more thorough.
Yeah it's sparse, so if you got any questions, let us know in our Galaxies Discord channel!
Redirect on android shows the index page initially when the application is launched, how can this be fixed?
react navigation library was more easy and understandable
What is the safest way to send firebase data in ionic?
After i do the redirect with replace to a page that is inside the file (tabs) it shows this error " The action 'REPLACE' with payload {"name":"agenda"} was not handled by any navigator.
Do you have a screen named 'agenda'?
Do you know what could be happening?
Thats great tutorial! I have a question, Is it possible to combine Tab Bar Nav with Drawer in Expo, as I spent hours to do so unsuccessfully. I would like the bottom menu to be Tab Bar Nav, and also have the option to call Drawer Nav for example as an app settings menu. Thanks in Advance!
Yes absolutely! Will prepare a new stream about all the different ways to handle this!
good stuff! thank you
You're welcome!
Simply, Thanks
You are welcome!
This works but the route outside the tabs is mounted twice and the animation also plays twice I think I'm gonna just refactor the whole app to use react navigation directly I've wasted like 6-7 hours trying to fix it
Why is it mounted twice? There are some edge cases with Router that are not perfect yet, but usually it's an issue of the setup (and maybe not 100% complete docs)
@@galaxies_dev it was a bug in expo router, It just got fixed 2 days ago with v2.0.4
I'm really new to this concept of file based navigation, if every file is route and so do folders are, how does one organizes these files and folders? For instance i usually have screens on its own folder and sometimes within this folder i also have a components folder with ui speficic componentes to this screen as well as a styles file. How can you ignore files and folders with this system? I'd like to ignore this components folder (including all the files inside it) as well as any .tsx file of my desire, thank you before hand if you know how!
You can have folders at the top level next to the app directory and have like hooks, features, whatever.. Simply somewhere else but not in that folder!
Hi may I ask what extensions you used for code completion when you type ‘rnf…’
I think it's this: marketplace.visualstudio.com/items?itemName=jundat95.react-native-snippet
@@galaxies_dev thanks!
so you have to keep duplicating the same layout file if you want to nest routes within the tab bar and still show the tab bar? That doesn't seem right, I hope I am misunderstanding
I guess you could group them like (tab1,tab2) as the folder name and then reuse them!
does expo router is used for real projects, like react navigation library? thanks
Yes, you can use it :)
why do we need 2 lists ?
one inside the tab one under the root folder
why not just one
Is it possible to implement a home/splash screen without all those tab bars and headers? I need to create a home screen with a button. This button navigates to the tab bar home screen. In React Navigation it's easy. I hope you know what I mean. best regards
Sure, you can design this with layout files and simply not use a specific Stack layout for that home page! Will also do a tutorial on all things router soon again.
Is it possible to transfer the tab bar from the bottom to the top of screen?
I'm not sure, only thing I found is this experimental package from Evan: github.com/EvanBacon/expo-router-top-tabs
Why don' t you do drawer-navigation with dynamic routes on expo ?
Because this video was about tabs, but you can do drawer easily as well!
How can we have transition between tabs when navigating?
I think not yet with the default tabs based on React Navigation.
Hi there Simon, thanks a lot for the tutorial. There one thing I'm a little confused about, you showed how to use a tab screen as your first screen and How can we make a first screen with no tabbar and the second screen we navigate with a tabbar?
You would need a layout file above the tabs layout - I think I'll do another detailed video on it now with router v2!
@@galaxies_dev that would be amazing! thank you very much for the amazing content you share with us on youtube!
at 7:13 how we remove "< (tabs)" ?
thnk you
thank you man
You're welcome!
Can a person use Expo Router with Javascript file sinstead of TypeScript? I prefer JS and would just like to know.
Yes, you can. However, it's preferable to use Typescript to avoid some unnecessary bugs.
I am getting Attempted to navigate before mounting RootLayout Component
How do you implement drawer in here? is it a folder like (drawer) ?
Yes you would define the drawer in your layout and have the files next to it, just like with tabs: expo.github.io/router/docs/migration/react-navigation/drawer-navigator
5:15 What are you meaning with this? I have replayed and I have no idea what you mean
The background in tab is not working please help
If i want to hide my tab bar from
One of the screens using expo router. How to do that in my react native app?
Usually you want to have that screen one level higher than the tabs layout so it's wrapped in a Stack and gets pushed!
@@galaxies_dev thanks for your reply. Currently, the parent route is /home/ and the dynamic route I am looking to remove the tabbar is is /home/marketplace/search/[id]. Here id is creates a dynamic route. How will the solution your provided work in this case?
I figured that out, I moved [ad] folder out of the (home) directory and it worked like a charm. Thank you so much.
Hey can anyone help I want to add more than 2 tabs is it possible
Good info.. but who are you racing? Lol. I never understand why people put out tutorials and then talk and work as fast as humanly possible. I’m trying to wrap my head around these dynamic routes. With an image modal
Sorry, will try to take more time to explain next time!
@@galaxies_dev lol thanks. It’s not just you. I get that you’re excited and that’s awesome. Just a little too fast for me. Some people sound really weird at .75 speed lol
For the very first time, I had to slow down the speed of a UA-cam video to 0.5x 😂😂
Gracias hermano
This video is amazing!
Thank you!!
Become a Stellar React Native dev @ galaxies.dev 🚀
test,
headerTitle: "title",
headerTitleAlign: "center",
headerTitleStyle: {
fontSize: 25,
fontWeight: 'bold',
color: 'red'
},
headerStyle: {
backgroundColor: 'orange',
}
}}
/>
Error -> The `redirect` prop on is deprecated and will be removed. Please use `router.redirect` instead
what is problem and how to fix
what about navigation
Expo Router seems very messed up, it’s hard to understand, the docs are awful/useless and theres no big advantage on using it
Trying my best to answer questions around it!
Hi. Can you please ask your buddies @expo how to hide a tab bar within a nested stack inside a tabbar thanks 😅
That’s what he is showing in this video
I asked the question in the last video.
better than docs wow, any source code for that ?
All linked in the description!
Awesome
Why is my (tabs) constantly displayed on the screen?
sorry，when I continue watching，I find the answer.
❤
How did you do that 'rnfe' TAB short cut to create the index.js component?
Hes a Wizard
I like how you think, but the snippets are simply part of this extension: marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
Still don't know how to actually customize each tab
You can pass options to each Tab.Screen or to the Tab to do different things with then like hiding, changing the label and much more
You jump around so much, you click off the file browser so we can't see folder structure and have to pause and rewind to see it, you move your mouse so erratically and constantly stopping what you're saying to start another sentence. It's so hard to follow
get good
Show👍
How can we keep the bottom tab bar after the push ?