How to create side menu with react-native?

问题:

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

回答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

回答2:

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

回答3:

Here you can find a complete template ready to use.

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