Bottom Navigation Bar Tutorial in React Native

How do you run the expo again?

thanks brother

hi my bottombbar doesnt show up on my expo snacks, may i know why

Really good and helpful tutorial for anyone new to React Native! 👏

I wish I saw this earlier. Thanks alot👏

Best tutorial on bottom navigation bar. It is Very Clear and concise.

this is one of the best tutorials I've ever seen

Really nice and clear tutorial, thanks.
How do you optimize the size of the ioncions with dimensions?

This was really useful. I found I was getting a console error because tabBarOptions has been deprecated and was unable to set the height or padding with the style. Fixed with 'tabBarActiveTintColor', 'tabBarInactiveTintColor', 'tabBarLabelStyle' and 'tabBarStyle' which need to be added into the screenOptions object.

how to adjust the color of the tab bar?

From ReactJS jumping to React Native makes live much easier!

how can I horizontal scroll Like Facebook mobile app ?

What if i want to navigate to a screen, that should not be shown at the bottom? If i declare it inside the navigator it automatically appears.

Excuse me how to change the color of navigation bottom bar because I can't change it.

nice one

Hello. Just a question how can we get just get the icon without the text? like home icon only, without the Home text! Thank you.

C:\Users\PC\Desktop\LifeOrganizer\node_modules\react-native\Libraries\Core\ExceptionsManager.js:149

Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). A frequent cause of the error is that the application entry file path is incorrect.
This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.

React-Navigation does not work!!!

This was the best tutorial. Thank you for this video!

Hi, I wanted to know how I can navigate to pages without having to add them to the bottom navbar

greatest tutorial.make more please.

I have some issue in the code can you help me it.

thank you teacher

I've watched this video a few times and literally have NO idea where your accent is from!

so cool to find such a content from such a pro like you :)

tabBarOptions does not exist in my Tab.Navigator. How can i solve this problem ?

Hello ! nice video but the icons do not appear on an android phone, what can i do ?

Awesome tutorial, brief, clear and concise.

Thanks, helped a lot! Subscribed

This tutorial was extremely helpful. Btw I'm very new to react native and would love to learn more. Cheers mate!

How can I change the color of the white bar

Sir, your video saved a lot of my time! Thank you!

Ty

why isn't the height working for me ?

it was very helpful! Thank you!!

Thanks for this amazing tutorial, that's I was looking for. ❤❤❤❤

If possible, Can you please make another video of bottom tab navigation with header bar
with button

A nice video thank you!!

how do you install the ionicons there?

Great tutorial. Thanks a lot for making this.

This is what I was looking for, thanks!!

if i have another stack navigator inside my app.js

but i want my bottom tabs navigator for other screens. so basically i have screens in stack navigator and when the client logs in i want to take him to the homepage with the bottom tabs navigator to navigate between home, appointments and profile.

how do i do it

hi, I'm using your tutorial,
in my case style for padding and height is not working!
device: ios
also I want to edit background color, not working well

You already made the same video with Expo .... Would make more sense to make it Without Expo

great video

Cool tutorial!