How to create side menu with react-native?

Question

i'm new in react native, i want to create side menu like this, any reference for this?. thanks a lot.

Answer 1

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

Answer 2

Here you can find a complete template ready to use.

https://github.com/darde/react-native-sidemenu

Answer 3

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