Looking for an updated version of this tutorial? I've got you covered! Getting Started with React Navigation v5. th-cam.com/video/nQVCkqvU1uE/w-d-xo.html&feature=emb_title
Wow! Really awesome video! I was organizing all the router config on different separate files, but your workflow in one router file feels much better. Thank you for such a great tutorial! Please keep up the good work.
When in a matter of twenty minutes you go from what the heck is this nesting stuff to waw that s so easy to accomplish, you know it was due to a great explanation... thanks for your time :)
Hey Spencer, just came across your channel and this video. Great job! I'll be replacing RNRF with React Navigation. Now all I have to do is learn how to use it and tie my login screen in and use the drawer navigation. :-D
Hey thanks! I've actually move future React Native videos to my company channel, th-cam.com/users/HandlebarLabs. That'll be the one to subscribe to for future RN videos :)
Great video, this was exactly what I was looking for! Thanks for sharing your knowledge, I now feel react-navigation will be advantageous over react-native-router-flux going forward. Keep up the awesome tutorials please.
Thanks for the kind words! If you're interested in learning more React native (and react navigation) check out my free course! learn.handlebarlabs.com/p/react-native-basics-build-a-currency-converter
Hey all! The API for React Navigation has changed slightly since publishing this video. I encourage you to check out the code examples in the blog post (hackernoon.com/getting-started-with-react-navigation-the-navigation-solution-for-react-native-ea3f4bd786a4) which have been updated. Everything works the same, just slightly renaming/new api with the navigationOptions.
Good stuff! Really well explained. Do you have any videos that shows how to add custom styles to the navigation elements? Such as keeping the tabs at the bottom for both iOS and Android devices to keep the experience same across platforms?
I don't but I do plan on creating more React Navigation videos. That said tabBarPosition does what you're looking for reactnavigation.org/docs/navigators/tab#TabNavigatorConfig
Hey, awesome video. This clarified a lot of things for me, but I still have a couple of questions. What I like about Navigator and Navigation Experimental is that you can push new views to the stack without having to declare them in a router beforehand, does that option exist in React Navigation? I could not seem to find that in the docs. As well, when creating the tabview, is there a possibility to 1) swipe between the views 2) not have the tabbar present (build a custom navigation indicator instead)?
I think you'll have to declare all of your routes ahead of time. I prefer this approach over adding screens on the fly - easier to debug IMO. Swiping is enabled by default on Android (I believe) and you can customize the tabbar however you like. You've got control over all of this via TabNavigatorConfig reactnavigation.org/docs/navigators/tab#TabNavigatorConfig
I’m extremely new to react native, and was assigned the task of creating dark/light user choice toggle background/theme for a complex cross platform native app that uses react navigation. Can you point me to any vids that might help? I’m trying to create and use context ThemeProvider to wrap the app/appContainer. But, I keep getting errors (likely because I’m not removing/replacing the current styling correctly, or not wrapping in the right places because the app has so many levels. Even advice on where better to ask would be appreciated. I tried following your “switch from redux to context api” vid, but it didn’t work. And, your videos are SO helpful! THANK YOU!
If the app uses React Hooks, an incredibly new feature, so I doubt it. But this would be the best way to do it in 2019 even though it might not help you with your task. Good luck!! “State Management with React Hooks and Context API in 10 lines of code!” by Luke Hall link.medium.com/NkTmqvaZn0
great tutorial! can I fully customize the style of the tabBar and the navigation bar? or am I limited to only selecting active colors, label text, etc?
I know you can completely customize the tab bar by creating and using your own. I think the same applies to the header as well (not 100% sure on that though).
Hi Spencer, great tutorial to start on React Navigation, I'm a React Native Router Flux user before and a little bit confuse to migrate to React Navigation. I have a question. I understand that React Navigation implement a native interface for both Android and iOS for the user experience sake (eg: android has a top tab bar and iOS at the bottom). I wonder if there is a way to make Android also adapt the iOS interface by moving its tab bar to the bottom and having an icon? Thank you
Great tutorial thank you. I have a question. As far as I understand, navigator is automatically create iOS and android tab bar in different positions and design. What if I want to design the same for both of them? My point is taking control on my hands.
How can i change header background Color and header text color ? Actually, i can change them but i want to set it to default. I dont want to write same code for every screen. Example: HomePage: { screen: Home, navigationOptions: { title: 'Welcome', header: { style: { backgroundColor: 'gray', color : '#fff' }, }, }, } This is works for HomePage but not the others.
Hey Spencer! Great vid! just a quick question though, if I wanted to change the color on press, how can i do that? How can I make tintColor a different color?
Bit of a tricky one there as you'll need to use redux, or some other way, to pass the color to headerTintColor of the navbar reactnavigation.org/docs/navigators/stack#headerTintColor
Hi, Great video tutorial. In the last part of the video,you showed about the hardware back press in android,can you tell how did you implement hardware backpress in android
Great tutorial! But, how to pass functions from main App.js file to screens that are in navigator? For example in user details screen to have logout function that is defined in App.js.
I've tried that one, but how do I write more functions in it? Something like this: return ; This just adds resetToken, but I need more than one function. Sorry if I have lack of knowledge on JS syntax :)
Thanks for the video. It certainly cleared a lot of my doubts. BTW. is there any simple way to get that sliding animation (iOS specific) to work on android when using a StackNavigation. (i mean screens to come from right rather than bottom)
A simple way? I'm not sure, though it's possible (you might have to override or create a new stack navigator - which shouldn't be too hard for that purpose). The default navigators in react-navigation follow the platform patterns as closely as possible
Hi Spencer, thanks for your time and effort into helping others. If I could ask something more, I'm getting an error very early on and I cannot seem to find a solution. The error is unable to resolve module './config/router .... If you could help me that would be great!
Make sure you've created a router.js file inside of the config directory and your imports are correct (github.com/spencercarli/getting-started-react-navigation/blob/29845c4f0b80a5f9457d849c4fc655003744769a/app/index.js#L2)
I have screen A and B, screen A can navigate to B and call api with parameter, and B can also navigate to B self with new parameter, my issue is when we navgate B to B itself couple times, we used navigation.goback() to postback, however, data never change, we notice that because goback() function postback without any parameter which we used to call api to get page data, question is How could I found routes history of react.navigation.
Thank you very much. This video saved my day. I was struggling with react-navigation homepage ( reactnavigation.org/docs/navigators/tab ) and no page is saying using How did you figured out? Is there any document about it?
This may be a stupid question but what editor are you using? :) EDIT I understand its Atom. You must be using a bunch of plugins though. Looks very different to my version.
It was Atom with a handful of extensions (don't remember which ones). I've since transitioned to VSCode as my primary editor (config outlined here learn.handlebarlabs.com/courses/react-native-basics-build-a-currency-converter/lectures/2643143)
hi spencer, i like to create a login page (in d auth scene) whereby users once authenticated will be navigated to the main scene. may i know how u achieve that with react-navigation? i know react-native-router-flux way to achieve this. is it the same way for react-navigation?
Just a curious question, I notice you use alot of semicolons in places where I normally don't see them on other react native examples (I'm still a beginner with RN) -- Is this considered good practice or do you do it just to be safe?
Both great but I tend to use react native elements just because I'm familiar with it and it seems like a bit less buy in overall. Native base is "prettier" though (IMO)
Hi, thanks for the tutorial. But, i want to ask something. How to parse title props from router to the screen? I just want to make a header for every screen with native base header.
Not any one thing. I mainly chose based off the community support and future of this one. There was also a period of time where RNRF was broken and I had to choose a router then, and I ended up with ex-navigation (which is the predecessor to React Navigation)
Hello, I have created the application using react native and now want to publish it to Apple App store first. I am not able to find proper guide to complete this process. Do you have any guide to follow for this.
Spencer Carli ah. I actually signed up for your free class so I saw after this that you have a whole section on it. I m 31% through the free course. Next module is react navigation. Thanks!
Hi Spencer, It is a great tutorial but I'm having a little issue with android I want the tabs to be in the bottom of the screen but by default the tabs shows on top. I have tried this but failed tabBarOptions: { tabBarComponent: TabView.TabBarBottom, tabBarPosition: 'bottom', }
how can you reset the tabNavigator?....i want to force a reload everytime i click the Tabbar....or how can i call a function that its inside a screen to reload data?
I open both emulators and then run react-native run-ios and once that's done react-native run-android. Both will listen to updates but only one could be setup for remote debugging at a time (I believe)
Thank you for the response. Needless to say I liked the video and your content is really great and helped me with my project. I guess I still need to be more specific with my question - how can you run IOS on windows or Android on mac? do you need virtual machine? Once again, thanks for putting this content out there. I think the view count really speaks for the quality.
Ah. There's no way to run an iOS simulator on windows. To run the android simulator on a mac though you can use the emulator built into Android studio (what I use) or something like Genymotion.
By default it won't use a bottom navigation bar on Android, it will use a top navigation bar. Check out the docs for the TabNavigator to see all the options
Thanks (y) I was just wondering how game developer utilizes the fullscreen. I found a workaround on StackOverflow, but it is in java and I am new to mobile/android world. :)
its a great tutorial but you should really do some more on react navigation, a bit more in-depth perhaps theres barely any half decent tutorials on youtube on it. yours seemed the best among whats available but it lacks the depth, its wayy too basic. would love to see a followup
I'm planning on that! We're working on getting the momentum moving with React Navigation again and then I want to really improve the docs & create more videos.
Any one trying in 2019 with Expo? It requires react-navigation-tabs, react-navigation-stack, react-native-reanimated, react-native-gesture-handler......hoops!!! in router.js need to change StackNavigator > createStackNavigator | TabNavigator >createBottomTabNavigator .....still no luck @@@@ ........anyone can help?
Looking for an updated version of this tutorial? I've got you covered! Getting Started with React Navigation v5. th-cam.com/video/nQVCkqvU1uE/w-d-xo.html&feature=emb_title
Spencer! you dont know how valuable this has been for me ! thank you very much for uploading this video
Thank you! I have watched this video a million times and it is very straightforward and easy to follow.
Wow! Really awesome video! I was organizing all the router config on different separate files, but your workflow in one router file feels much better. Thank you for such a great tutorial! Please keep up the good work.
Glad you found it helpful! Keeping routing holds up for most situations I've found and keeps it pretty simple.
When in a matter of twenty minutes you go from what the heck is this nesting stuff to waw that s so easy to accomplish, you know it was due to a great explanation... thanks for your time :)
Hey Spencer, just came across your channel and this video. Great job! I'll be replacing RNRF with React Navigation. Now all I have to do is learn how to use it and tie my login screen in and use the drawer navigation. :-D
Awesome!
- Spencer
Great tutorial! You are an excellent speaker and I can understand you perfectly. Keep delivering more React Native content! Subbed.
Hey thanks! I've actually move future React Native videos to my company channel, th-cam.com/users/HandlebarLabs. That'll be the one to subscribe to for future RN videos :)
Great video, this was exactly what I was looking for! Thanks for sharing your knowledge, I now feel react-navigation will be advantageous over react-native-router-flux going forward. Keep up the awesome tutorials please.
Thanks for the kind words! If you're interested in learning more React native (and react navigation) check out my free course! learn.handlebarlabs.com/p/react-native-basics-build-a-currency-converter
Fantastic intro to React Navigation. Thanks so much!
Wow, super demo. I remember when I created router library for react for my project, I have created nesting feature in it.
Amazing video to help me in react-navigation ... Thanks a lot and hope you will make many videos like this! :)
Glad you enjoyed! Planning on more in the future! :)
Absolutely useful for me. Thanks for the video.
Exactly what I was looking for. Thank you.
Awesome.Very clear for me, even as junior ;) Thanks
you made the hard stuff easy to down. Great explanation
honestly man, i watch this video every night ever since i have started to implement react navigation in my app.
Spencer Carli Thank you for the tutorial .. This really saved my day!!
Thanks a lot for your this tutorial, I was finding tab with stack, You did great job
This is the best explanation. Thanks
Thank you! You're a React Native expert!
Hey all! The API for React Navigation has changed slightly since publishing this video. I encourage you to check out the code examples in the blog post (hackernoon.com/getting-started-with-react-navigation-the-navigation-solution-for-react-native-ea3f4bd786a4) which have been updated.
Everything works the same, just slightly renaming/new api with the navigationOptions.
What is the actual API change? I couldn't see any obvious difference when scanning through the post.
No more nested options (tabBar: { icon: ... } is now tabBarIcon). And navigationOptions can be a function.
Thanks a lot spencer ! Nice one.
Thanks for the kind words!
Great! Simple and direct!
Thanks for making this!
This is brilliant.
Please make such a great video like this more and more sir
thank you very much it is cery comprehensive and clear!
Great video, thank's bro !
This was great!
Good stuff! Really well explained. Do you have any videos that shows how to add custom styles to the navigation elements? Such as keeping the tabs at the bottom for both iOS and Android devices to keep the experience same across platforms?
I don't but I do plan on creating more React Navigation videos. That said tabBarPosition does what you're looking for reactnavigation.org/docs/navigators/tab#TabNavigatorConfig
Thanks a lot, an amazing video brother.
Hey, awesome video. This clarified a lot of things for me, but I still have a couple of questions. What I like about Navigator and Navigation Experimental is that you can push new views to the stack without having to declare them in a router beforehand, does that option exist in React Navigation? I could not seem to find that in the docs. As well, when creating the tabview, is there a possibility to 1) swipe between the views 2) not have the tabbar present (build a custom navigation indicator instead)?
I think you'll have to declare all of your routes ahead of time. I prefer this approach over adding screens on the fly - easier to debug IMO. Swiping is enabled by default on Android (I believe) and you can customize the tabbar however you like. You've got control over all of this via TabNavigatorConfig reactnavigation.org/docs/navigators/tab#TabNavigatorConfig
I’m extremely new to react native, and was assigned the task of creating dark/light user choice toggle background/theme for a complex cross platform native app that uses react navigation. Can you point me to any vids that might help? I’m trying to create and use context ThemeProvider to wrap the app/appContainer. But, I keep getting errors (likely because I’m not removing/replacing the current styling correctly, or not wrapping in the right places because the app has so many levels. Even advice on where better to ask would be appreciated. I tried following your “switch from redux to context api” vid, but it didn’t work.
And, your videos are SO helpful! THANK YOU!
If the app uses React Hooks, an incredibly new feature, so I doubt it. But this would be the best way to do it in 2019 even though it might not help you with your task. Good luck!!
“State Management with React Hooks and Context API in 10 lines of code!” by Luke Hall link.medium.com/NkTmqvaZn0
Love your vids! Really got me starting with React-Native!
I was just wondering what Atom-themes you are using?
great tutorial! can I fully customize the style of the tabBar and the navigation bar? or am I limited to only selecting active colors, label text, etc?
I know you can completely customize the tab bar by creating and using your own. I think the same applies to the header as well (not 100% sure on that though).
thanks!
Hi Spencer, great tutorial to start on React Navigation, I'm a React Native Router Flux user before and a little bit confuse to migrate to React Navigation. I have a question.
I understand that React Navigation implement a native interface for both Android and iOS for the user experience sake (eg: android has a top tab bar and iOS at the bottom). I wonder if there is a way to make Android also adapt the iOS interface by moving its tab bar to the bottom and having an icon? Thank you
It is! Checkout the tabConfig in the docs for how to do it :) reactnavigation.org/docs/navigators/tab#TabNavigatorConfig
Great tutorial thank you.
I have a question.
As far as I understand, navigator is automatically create iOS and android tab bar in different positions and design.
What if I want to design the same for both of them?
My point is taking control on my hands.
You can take control over that via the TabNavigatorConfig reactnavigation.org/docs/navigators/tab#TabNavigatorConfig
How can i change header background Color and header text color ?
Actually, i can change them but i want to set it to default.
I dont want to write same code for every screen.
Example:
HomePage: {
screen: Home,
navigationOptions: {
title: 'Welcome',
header: {
style: {
backgroundColor: 'gray',
color : '#fff'
},
},
},
}
This is works for HomePage but not the others.
Great Tutorial, thank you.
Probably you should have wrapped tabs inside stack with toolbar, not vice versa? Since android version looks weird when toolbar located below tabbar
Hey Spencer! Great vid! just a quick question though, if I wanted to change the color on press, how can i do that? How can I make tintColor a different color?
Bit of a tricky one there as you'll need to use redux, or some other way, to pass the color to headerTintColor of the navbar reactnavigation.org/docs/navigators/stack#headerTintColor
Wait, was this question in regards to the navbar? Or something different - realized after responding that I was just assuming the header haha
Amazing video. Helped me a lot but is it possible to show the Drawer using a button?
Yep! this.props.navigation.navigate('DrawerOpen') should do what you're looking for!
-Spencer
thanks a lot. great tutorial
i hope i can get to watch drawerNavigator tutorial soon
Hi, Great video tutorial.
In the last part of the video,you showed about the hardware back press in android,can you tell how did you implement hardware backpress in android
It's setup automatically with React Navigation.
Great video thank you :)
Thanks for watching!
thanks for the effort you make for the Indians to win a piece of bread
how can I access state with different component on TabNavigator ?
nice video / blog post / git repo.. thanks!
Thanks so much for your tutorial!
But how to replace component don't let swipe left to right for back old screen?
I believe there's an option for that. Check out the react-navigation documentation for exactly what it is
Maybe u can make tutorial using drawer react navigation
What's the text editor. That looks awesome
Great tutorial! But, how to pass functions from main App.js file to screens that are in navigator? For example in user details screen to have logout function that is defined in App.js.
Checkout screenProps in the docs - that's what you're looking for
I've tried that one, but how do I write more functions in it?
Something like this:
return ;
This just adds resetToken, but I need more than one function. Sorry if I have lack of knowledge on JS syntax :)
Wow I really liked your 'Explorer View' theme. Can you tell its name?
Thanks for the video. It certainly cleared a lot of my doubts. BTW. is there any simple way to get that sliding animation (iOS specific) to work on android when using a StackNavigation. (i mean screens to come from right rather than bottom)
A simple way? I'm not sure, though it's possible (you might have to override or create a new stack navigator - which shouldn't be too hard for that purpose). The default navigators in react-navigation follow the platform patterns as closely as possible
Thanks man!!! Its helpful
Hi Spencer, thanks for your time and effort into helping others. If I could ask something more, I'm getting an error very early on and I cannot seem to find a solution. The error is unable to resolve module './config/router .... If you could help me that would be great!
Make sure you've created a router.js file inside of the config directory and your imports are correct (github.com/spencercarli/getting-started-react-navigation/blob/29845c4f0b80a5f9457d849c4fc655003744769a/app/index.js#L2)
Very good man!! :)
Hey Spencer. Thx for the vid. Is it possible to have like a global drawer nav plus stack?
excellent job
Nice! thanks for this
thanks for video
i have question
how can i make this that is same in both platform .
i means that the tabbar in android in this project is not good
I think its nice in android. We just need to add some config. Check at reactnavigation.org/docs/navigators/tab#TabNavigatorConfig
thank you
Good tutorial, could you please update the github code with the latest API updates?
Updated.
I have screen A and B, screen A can navigate to B and call api with parameter, and B can also navigate to B self with new parameter, my issue is when we navgate B to B itself couple times, we used navigation.goback() to postback, however, data never change, we notice that because goback() function postback without any parameter which we used to call api to get page data, question is How could I found routes history of react.navigation.
Great Video
Keep it up
:)
Thank you very much. This video saved my day.
I was struggling with react-navigation homepage ( reactnavigation.org/docs/navigators/tab ) and no page is saying using
How did you figured out?
Is there any document about it?
That's simply the variable name I chose to use. It's the same as MyApp used in the link you posted.
This may be a stupid question but what editor are you using? :)
EDIT
I understand its Atom. You must be using a bunch of plugins though. Looks very different to my version.
I think that it is Nuclide extension for atom
It was Atom with a handful of extensions (don't remember which ones). I've since transitioned to VSCode as my primary editor (config outlined here learn.handlebarlabs.com/courses/react-native-basics-build-a-currency-converter/lectures/2643143)
Thank you
Really great tutorial
Thanks!
Great video thank you
Great video spencer. Need help to change tab backgroundcolor from sky blue in android
Have you checked out the docs for that? reactnavigation.org/docs/navigators/tab#tabBarOptions-for-TabBarTop-default-tab-bar-on-Android
hi spencer, i like to create a login page (in d auth scene) whereby users once authenticated will be navigated to the main scene. may i know how u achieve that with react-navigation? i know react-native-router-flux way to achieve this. is it the same way for react-navigation?
Just a curious question, I notice you use alot of semicolons in places where I normally don't see them on other react native examples (I'm still a beginner with RN) -- Is this considered good practice or do you do it just to be safe?
It's purely preference. Semicolons aren't required in JavaScript but I like them :)
-Spencer
native base or react native elements which is best to get started
Both great but I tend to use react native elements just because I'm familiar with it and it seems like a bit less buy in overall. Native base is "prettier" though (IMO)
Hey Spencer, nice video. I have a question. I don't see the icons in the tabs on the Android emulator! What needs to be done to fix it ?
Use the showIcon option - reactnavigation.org/docs/navigators/tab#tabBarOptions-for-TabBarTop-default-tab-bar-on-Android
Thanks a lot Spencer. Keep making these cool videos. :)
Hi, thanks for the tutorial. But, i want to ask something. How to parse title props from router to the screen? I just want to make a header for every screen with native base header.
you can access navigation information on this.props.navigation.state reactnavigation.org/docs/navigators/navigation-prop
is React Navigation a better choice than react-native-router-flux?
I've completely moved to react navigation in all of my projects, for what's that worth!
was there something clearly missing from react-router-flux that react-navigation offers, is that why you made the switch??
Not any one thing. I mainly chose based off the community support and future of this one. There was also a period of time where RNRF was broken and I had to choose a router then, and I ended up with ex-navigation (which is the predecessor to React Navigation)
tnx , Great toturial
Hello, I have created the application using react native and now want to publish it to Apple App store first. I am not able to find proper guide to complete this process. Do you have any guide to follow for this.
I've got a whole course on the subject! learn.handlebarlabs.com/p/learn-to-send-react-native-apps-to-production
okay, thank you for your reply, I will look into it. Your video was very helpful for me
really nice tutorial
Hey Spencer, how can I access component state from within navigationOPtions?
I don't believe you're able to with this package. I can't find the issue now but there is a reasoning behind that decision.
How does this work with Redux? Any chance you will make a video 😬
BTW great video. Thanks!
Here ya go th-cam.com/video/JT9Jah5WBr4/w-d-xo.html :)
Spencer Carli ah. I actually signed up for your free class so I saw after this that you have a whole section on it. I m 31% through the free course. Next module is react navigation. Thanks!
Thanks bro!!!
ionic 3 or react native which one i have to choose
Never used ionic 3, and I'm biased, but I would say React native ;)
hi, could you create an app like WhatsApp that send messages using point to point protocolo without using firebase?
Hi Spencer,
It is a great tutorial but I'm having a little issue with android I want the tabs to be in the bottom of the screen but by default the tabs shows on top. I have tried this but failed
tabBarOptions: {
tabBarComponent: TabView.TabBarBottom,
tabBarPosition: 'bottom',
}
Checkout the tabBarPosition option (reactnavigation.org/docs/navigators/tab#TabNavigatorConfig)
Fantastic Please Could You Make Video How Send Post Request From Form To PHP Backend ?
how can you reset the tabNavigator?....i want to force a reload everytime i click the Tabbar....or how can i call a function that its inside a screen to reload data?
You'll have to override the Tabbar. There's no great way to do it right now
Is this library still a good idea or there is something better since march
Great option that's getting better everyday!
Is there a way to get rid of that margin/padding space that is under the topbar?
Maybe try headerStyle reactnavigation.org/docs/navigators/stack#headerStyle
Nice Tutorial Thanks. can you make one tutorial custom header with back button and back button will work thanks.
Nice plz post more with RN
Hello Spencer can you please do a Tutorial on Navigation Drawer
Perhaps, but the docs have a lot of content already.
hi sir , when i use it on android device it's problem with router or back button android device , how to reset router to index 0 !!
If you're using Redux make sure you follow the setup instructions.
Can anyone help me with adding a button on navigation bar to add more users ? and how to navigate to add user page
reactnavigation.org/docs/en/header-buttons.html
How do you have both IOS and Android emulators running on the same machine?
I open both emulators and then run react-native run-ios and once that's done react-native run-android. Both will listen to updates but only one could be setup for remote debugging at a time (I believe)
Thank you for the response. Needless to say I liked the video and your content is really great and helped me with my project. I guess I still need to be more specific with my question - how can you run IOS on windows or Android on mac? do you need virtual machine? Once again, thanks for putting this content out there. I think the view count really speaks for the quality.
Ah. There's no way to run an iOS simulator on windows. To run the android simulator on a mac though you can use the emulator built into Android studio (what I use) or something like Genymotion.
I see, thanks.
Is there any way to hide default bottom navigation bar in Android
By default it won't use a bottom navigation bar on Android, it will use a top navigation bar. Check out the docs for the TabNavigator to see all the options
Thanks (y)
I was just wondering how game developer utilizes the fullscreen. I found a workaround on StackOverflow, but it is in java and I am new to mobile/android world. :)
its a great tutorial but you should really do some more on react navigation, a bit more in-depth perhaps theres barely any half decent tutorials on youtube on it. yours seemed the best among whats available but it lacks the depth, its wayy too basic. would love to see a followup
I'm planning on that! We're working on getting the momentum moving with React Navigation again and then I want to really improve the docs & create more videos.
thats great! hope to see something soon
In iOS the tabs is not showing up
Make sure to checkout the updated code linked in the description. The way you define tab icons has changed.
there's a background base sound, gave me a headache
Can you give me your enviroment to develop?
All outlined here learn.handlebarlabs.com/courses/enrolled/253279
Any one trying in 2019 with Expo? It requires react-navigation-tabs, react-navigation-stack, react-native-reanimated, react-native-gesture-handler......hoops!!! in router.js need to change StackNavigator > createStackNavigator | TabNavigator >createBottomTabNavigator .....still no luck @@@@ ........anyone can help?
Why you stopped bro ?
I haven't, just moved all RN content to my business youtube account (the one I'm currently commenting from).
-Spencer
Hi where are you
Everywhere the bits and bytes of the internet go