#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.
Смотрите видео #5 Drawer Navigation in React Native | React Native Tutorial | React Navigation Merge Stack & Drawer онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь The Debug Arena 31 Октябрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 30,75 раз и оно понравилось 34 людям.