#5 Drawer Navigation in React Native | React Native Tutorial | React Navigation Merge Stack & Drawer
Hello guys,
Check out this amazing cloud platform:
ZEGOCLOUD SDK provides easy video call SDK, voice call SDK, live streaming SDK and chat SDK for real-time interaction.
Get ZEGOCLOUD SDK for 10,000 free mins: https://bit.ly/3OznGu6
Pre-built UIKits in low codes: https://bit.ly/3SN4Ja1
Create docs sites with Docuo now: https://bit.ly/3SOF5S0
Top 10 video conferencing SDKs for you: https://bit.ly/3Sx6mHg
#zegocloud #uikits #sdk #api #react
In this video I have implemented drawer navigation in React Native. In the previous video we have implemented Stack Navigator, so in this I have merged Stack and Drawer so that we can work with both of them.
I have shown how to create custom drawer and how to style all of your drawer item.
Code:
https://github.com/the-debug-arena/Dr...
Installation Steps:
#######Parent Package##########
npm install @react-navigation/native
######Gesture, layout and animations libraries########
npm install react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
#######Drawer########
npm install @react-navigation/drawer
#######Animated- Version 2 ##############
npm install react-native-reanimated@~2.2.0
Go to babel.config.js add this:
plugins: ['react-native-reanimated/plugin'],
In App.jsx add this:
import 'react-native-gesture-handler';
npm i react-native-paper
##########################################
#reactnative #tutorial #javascript #coding #reactjs
Share the video with your friends. Subscribe me for more.
Thank You.
Watch video #5 Drawer Navigation in React Native | React Native Tutorial | React Navigation Merge Stack & Drawer online without registration, duration hours minute second in high quality. This video was added by user The Debug Arena 31 October 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 30,75 once and liked it 34 people.