Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
#5 Drawer Navigation in React Native | React Native Tutorial | React Navigation Merge Stack & Drawer
Play lesson

React Native Tutorial For Beginners || Learn React Native along with Node JS and Mongo Db to build a full fledge android application. - #5 Drawer Navigation in React Native | React Native Tutorial | React Navigation Merge Stack & Drawer

5.0 (0)
12 learners

What you'll learn

This course includes

  • 6.3 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

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/Drawer-Stack-Navigation.git 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.

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere