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

Опубликовано: 09 Декабрь 2020
на канале: 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

На этой странице сайта вы можете посмотреть видео онлайн React Navigation 5 Complete Tutorial - React Navigation made easy | Bottom Tabs | Side Drawer длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Smart Code App 09 Декабрь 2020, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 22,099 раз и оно понравилось 515 зрителям. Приятного просмотра!

7,743