I'm new in React Native, I want to create a side menu like this, any reference for this?
Create two separate classes "DashboardScreen" and "WelcomeScreen" in the react native app to display on screen. Add these screens to createStackNavigator and add "md-menu" icon of 'react-native-vector-icons/Ionicons' package. On pressing the menu icon, call navigation. openDrawer() method to open drawer.
I would like to say use reactnavigation. that is providing drawer To open and close drawer, navigate to 'DrawerOpen' and 'DrawerClose' respectively.
this.props.navigation.navigate('DrawerOpen'); // open drawer this.props.navigation.navigate('DrawerClose'); // close drawer
https://reactnavigation.org/docs/drawer-based-navigation.html
or here is one example That also is good . refer this
https://github.com/dailydrip/react-native-navigation-sample
This is one of my simple project that may show you the idea how to implement a side menu by yourself.
https://github.com/reactazteam/PushyHorizontalMenu
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With