search

wix / react-native-navigation

A complete native navigation solution for React Native
https://wix.github.io/react-native-navigation/
MIT License
13.04k stars 2.67k forks source link

Set overlay behaviour to sideMenu left #6308

Open future-is-present opened 4 years ago

future-is-present commented 4 years ago

Issue Description

How to set overlay behavior to sideMenu?

I have the following mainRoot and when open the left sideMenu, it doesn't overlay the existing stack in the center. Is it possible to change that behavior? I've tried with interceptTouchOutside: true but it doesn't work

Steps to Reproduce / Code Snippets / Screenshots

```js root: { sideMenu: { left: { visible: false, component: { id: "sideDrawer", name: MENU_SIDE, }, }, center: { stack: { id: 'AppHome', children: [{ component: { name: HOME, }, }] }, }, options: { overlay: { interceptTouchOutside: true, }, }, } } ``` --- ### Environment * React Native Navigation version: V2 * Platform(s) (iOS, Android, or both?): iOS, Android
jinshin1013 commented 4 years ago

Hi @manolodewiner, would you be able to provide a minimal reproduction on Github for us to have a look? You could fork react-native-navigation and make changes to the existing Sidemenu screens in the Playground app.

future-is-present commented 4 years ago

Hi @jinshin1013 and thanks, the playground behaves the same way. When you click in Open left menu, then sideMenu becomes visible but the main screen moves to the right. What I want is that the sideMenu becomes visible on top of the main menu, without moving the center menu to the right.

jinshin1013 commented 4 years ago

Ahhh yes, my bad. I totally misunderstood the issue 😓

I think being able to customise this could add a big value to the users as the side menu navigation is quite a common pattern. Unfortunately, the library does not support customising the animation/transition behaviour for side menu (I might be wrong 🤔).

jinshin1013 commented 4 years ago

react-navigation's default drawer navigation can be found here

avonipenti commented 4 years ago

Hi, I am trying to use custom animation for the sidebar in android but not sure how to access the SideMenuController or drawerLayout natively. Can anyone help?