Drawer Navigation with Custom Side Menu — React Native
Learning new things in React Native
Apr 17, 2018 · 2 min read
One of the most important part in app development is Side menu.
Here I will show you how to implement Side Menu with Stack Navigator and Drawer Navigator.
First of all, let’s create new project, I named it “Demo”.
react-native init Demo
Installation
npm install -save react-navigation
npm install -save react-native-vector-icons
Once the module is installed we can proceed.
Drawer Navigator (index.js)
Side Menu (SideMenu.js)
Side Menu Style (SideMenu.style.js)
Stack Navigator (stacknav.js)
Main Screen (MainScreen.js)
Detail Screen (DetailScreen.js)
This is the desired output in iOS,



and for Android,


