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

Veröffentlicht am: 09 Dezember 2020
auf dem Kanal: 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

Auf dieser Seite können Sie das Online-Video React Navigation 5 Complete Tutorial - React Navigation made easy | Bottom Tabs | Side Drawer mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Smart Code App 09 Dezember 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 22,099 Mal angesehen und es wurde von 515 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

3,763