How to create side menu with react-native?

Question

I'm new in React Native, I want to create a side menu like this, any reference for this?

score 27 · Accepted Answer · edited Apr 14 '18 at 11:42

27

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

or here is one example That also is good . refer this

edited Apr 14 '18 at 11:42

Ismail

answered May 09 '17 at 04:22

Sport

What about using a library using npm?Is that approach suitable @Sport – Hargun Singh Dec 13 '17 at 13:01

score 11 · Answer 2 · answered Jul 14 '17 at 04:12

11

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

answered Jul 14 '17 at 04:12

Hoang Trung

4

While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes. - [From Review](/review/low-quality-posts/16708197) – Antti29 Jul 14 '17 at 05:27
6

You're correct but here are the things. 1. The question owner asked about references. 2. This is in my github account and I'm not gonna change it. 3. It's kinda complicated to include all essential parts here also, so I just keep it simple. – Hoang Trung Jul 27 '17 at 08:45

score 4 · Answer 3 · answered May 14 '17 at 04:32

4

Here you can find a complete template ready to use.

answered May 14 '17 at 04:32

Pablo Darde

3 Answers3