React Navigation v6 Tutorial for beginners | Custom Tab and custom drawer Navigators [All in 1]

preview_player
Показать описание
Welcome to react navigation v6 crash course and in this tutorial you will learn how to implement react navigation v6 in your react native mobile applications, create react navigation bottom tab navigator, react navigation drawer navigator and create custom bottom tab and drawer navigators.

GitHub Links (Give it a star ⭐️):

⌨️ (00:00:00) Introduction
⌨️ (00:02:13) Project Template
⌨️ (00:05:04) React Navigation v6 installation and setup
⌨️ (00:08:17) Stack Navigator and Native Stack Navigator
⌨️ (00:23:23) Bottom Tab Navigator
⌨️ (00:36:13) Nested Navigators
⌨️ (00:42:00) Drawer Navigator
⌨️ (00:53:00) Custom Bottom Tab Navigator
⌨️ (01:15:41) Custom Drawer Navigator

▶ Follow & Subscribe

#reactnative #reactnativecourse #reactnativetutorial #reactnavigation
Рекомендации по теме
Комментарии
Автор

ERROR Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: number.

Check the render method of `Login`.

tienphanmemtinh
Автор

why the above code specially the tabs are not working in android emulator? any help ??

arifullahkhan
Автор

Great content. Thank you so much for the tutorial. Keep dropping such videos fam, I'll be sticking around

rvft
Автор

In the entire video you did not click on a menu option in the drawer. Just opened and closed it. ridiculous!

Alex_-ocbt
Автор

This is by far the most comprehensive tutorial on Navigators. Wow! Amazing video content and so clear and pitched at the right level. Thank you, Sir.👌👏👏👏

naumanmaqsood
Автор

Can I do the same example with this navigation system using expo-router V2?

Thanks for the video 🎉

jrmartinss
Автор

The Screens in the drawer dont show the tabs, any way to add the tabs everywhere ?

mr.dev-wpcoach
Автор

how come your channel isn't the top 10 in tech? absolutely an amazing tutorial

managewise
Автор

Thank you for your good content please continue your great lessons.
If you record more tutorial about react native it's good.

AsemQoraishi
Автор

thank you for the tutorial, buh i have a slight problem with expo

elishaakyaw
Автор

Hi
I am getting error : Element type is invalid:
expected a string (for built-in components) or a class/function (for composite components) but got:
undefined. You likely forgot to export your component from the file it's defined in,
or you might have mixed up default and named imports.

Please help me

vishalmodi
Автор

Thiss just UI, Drawer cannot combine with Bottom Tabs when click on a button of drawer. You can show and fix it?

santd
Автор

common.js:4 Uncaught TypeError: (0, is not a function
at
help me please

vietdungvo
Автор

Great video. Thank you so much! it was so helpful

react-native-laoreact-nati
Автор

Really Helpful Content, I've wasted a big amount of time in nesting before watching this video

HuzaifaUsman
Автор

In the bottom naviagtion icon art not showing. I have to take tabBarShowLabel: true, to show icon

ImranAli-kepd
Автор

Thank you so much for the tutorial; it was very helpful.

itsmemylovs
Автор

it`s looks very good and was so helpful for me !!! thank you, mate !!! Like and subscribe for you !!!

andranikmkhitaryan
Автор

this is for beginners but you skipped over installing yarn. I cant even get past 5 mins of your video cause the yarn command is not found

bnoblephoto
Автор

Hlo
Esme Jo console.log Jo kiy h wo km ni krra h mera wo kesa hoga mne extension download kiy fr b ni chl r h bottom icon h n wo gyb ho gye mere😢

durgeshkumariverma