React Native - React Navigation Drawer How to make a drawer inside drawer ? (Double Menu)

Asked Sep 15 '19 at 09:59

Active Sep 15 '19 at 09:59

Viewed 403 times

I'm looking a way to make a drawer inside a drawer like a double menu. Here is what I want to make it.

https://dribbble.com/shots/2139038-Double-menu

const drawerNavigatorConfig = {
  drawerType: "slide"
};


export const Navigator = createDrawerNavigator(
  {
    home: {
      screen: HomeScreen,
      navigationOptions: {
        drawerLabel: "Home Screen"
      }
    },
    test: {
      screen: TestScreen,
      navigationOptions: {
        drawerLabel: "Test Screen"
      }
    },
  },
  drawerNavigatorConfig
);

I simply could not find a way to achieve this double menu idea.

asked Sep 15 '19 at 09:59

FreakyCoder

Are u solve it? :v – DevAS Dec 01 '19 at 21:27
Unfortunately no :( Still looking for a solution for it.. I mean at least not a completely custom solution – FreakyCoder Dec 01 '19 at 21:29
Interesting, Designers Will kill us :D, I think if u used Animation API maybe will have an opportunity to achieve it but u think No :D if you do anything share it – DevAS Dec 01 '19 at 21:35
Of course I will share anything if I find something else. It is possible with complete custom animation API however it is possible with drawer navigation I think :( – FreakyCoder Dec 01 '19 at 21:50
I will play with it when I have time so when u do a project push it to GitHub and let me know – DevAS Dec 01 '19 at 21:55
Sure will do, please inform me if you get a good solution also we can work on it together :) – FreakyCoder Dec 02 '19 at 10:06
Hello @FreakyCoder , I do it with friend check it here and let me know ur opinion , https://snack.expo.io/@anastely/double-menu-with-catalin – DevAS Dec 03 '19 at 18:07
1

UH S** it's not saved before, check these https://snack.expo.io/@anastely/double-menu – DevAS Dec 03 '19 at 20:28
I'm gonna check it out today :) – FreakyCoder Dec 03 '19 at 21:47
@DevAS woaa :O It actually works, I'm also gonna work on it at the weekend. – FreakyCoder Dec 04 '19 at 07:24
Are you check it? – DevAS Dec 10 '19 at 14:41
Yep, It looks awesome but I could not spend time to work on it. I'm going to work on it this weekend :) But I hate Expo tho :D – FreakyCoder Dec 10 '19 at 14:48
Haha me too :D, I just write it on expo to save more time when installing all dependency, I know it's irrelevant but can you work with mapbox before? Or check my question here? https://stackoverflow.com/questions/59266242/consideration-directions-between-two-point-location-in-mapbox-gl-react-native – DevAS Dec 10 '19 at 14:54
I did, I'm gonna check it – FreakyCoder Dec 10 '19 at 17:47
@DevAS can you please re share your twitter? We need to talk about this project and mapbox one – FreakyCoder Dec 10 '19 at 17:49
Here's https://mobile.twitter.com/AnasNTy – DevAS Dec 10 '19 at 17:54

React Native - React Navigation Drawer How to make a drawer inside drawer ? (Double Menu)

0 Answers0