React Navigation 5 Complete Tutorial - React Navigation made easy | Bottom Tabs | Side Drawer

Published: 09 December 2020
on channel: Smart Code App

22,099

515

Like and Subscribe to the Channel ❤️
/ @smartcodeapp

Become patreon if this helped you! Thank you
/ smartcodeapp

Share with others to help the developers.

React navigation v5 Timelines
----------------------------------------------
0:00 - Table of Content
4:28 - Project setup and react navigation install
10:14 - Creating ReactNavigation Stacks
11:18 - Creating Screens:
13:33 - Navigating to screens
16:52 - Passing a parameter to different screens via route
21:06 - Customising the navigation header/panel in react navigation
23:07 - Adding button to navigation header
28:43 - Creating a modal
40:58 - Creating a bottom tabs
52:10 - Adding a badge count(numbers) to bottom tabs
54:32 - Creating Side drawer menu in ReactNavigation

Official documentation of the Reactnavigation-v5 : https://reactnavigation.org
Expo source code for this project : https://github.com/smartcodeapps/reac...

This video explains how to create bottom tabs, how to use react navigation and how to pass the parameters between screens and all about react navigation.

Comment if you face any issues.

Let me know any topics which you feeling difficult and we will make video on that.
#smartcodeapp #reactnavigation #reactnavigation5 #reactnative #bottomtabs #sidedrawermenu #screennavigation #stacks #modalscreen #reactnavigationdrawer #reactnavigationbottomtabs

On this page of the site you can watch the video online React Navigation 5 Complete Tutorial - React Navigation made easy | Bottom Tabs | Side Drawer with a duration of hours minute second in good quality, which was uploaded by the user Smart Code App 09 December 2020, share the link with friends and acquaintances, this video has already been watched 22,099 times on youtube and it was liked by 515 viewers. Enjoy your viewing!

82,510

5.7K