{"action":"created","issue":{"url":"https://api.github.com/repos/wix/react-native-navigation/issues/3651","repository_url":"https://api.github.com/repos/wix/react-native-navigation","labels_url":"https://api.github.com/repos/wix/react-native-navigation/issues/3651/labels{/name}","comments_url":"https://api.github.com/repos/wix/react-native-navigation/issues/3651/comments","events_url":"https://api.github.com/repos/wix/react-native-navigation/issues/3651/events","html_url":"https://github.com/wix/react-native-navigation/issues/3651","id":345553206,"node_id":"MDU6SXNzdWUzNDU1NTMyMDY=","number":3651,"title":"[V2] disabled sideMenu + iOS pop gestures don't play nicely together","user":{"login":"chrisbenincasa","id":1640671,"node_id":"MDQ6VXNlcjE2NDA2NzE=","avatar_url":"https://avatars2.githubusercontent.com/u/1640671?v=4","gravatar_id":"","url":"https://api.github.com/users/chrisbenincasa","html_url":"https://github.com/chrisbenincasa","followers_url":"https://api.github.com/users/chrisbenincasa/followers","following_url":"https://api.github.com/users/chrisbenincasa/following{/other_user}","gists_url":"https://api.github.com/users/chrisbenincasa/gists{/gist_id}","starred_url":"https://api.github.com/users/chrisbenincasa/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/chrisbenincasa/subscriptions","organizations_url":"https://api.github.com/users/chrisbenincasa/orgs","repos_url":"https://api.github.com/users/chrisbenincasa/repos","events_url":"https://api.github.com/users/chrisbenincasa/events{/privacy}","received_events_url":"https://api.github.com/users/chrisbenincasa/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-07-29T18:46:31Z","updated_at":"2018-07-29T23:29:57Z","closed_at":null,"author_association":"NONE","body":"### Issue Description\r\nI believe there is a subtle issue happening when using a stack layout within a SideMenu layout. Namely, when dynamically disabling the left SideMenu when pushing screens to the stack (to ensure that a right swipe pops from the stack rather than opening the SideMenu), the pop gesture is extremely hard to trigger. \r\n\r\nI think this is due to the gesture handler for the SideMenu is still active and attempting to handle the right swipe but the action is terminated because the SideMenu is disabled. If so, perhaps the sideMenu gesture handling should be disabled while the sideMenu itself is disabled? Or there could be another workaround.\r\n\r\n### Steps to Reproduce / Code Snippets / Screenshots\r\n1. Create a `stack` layout nested inside of a `sideMenu` layout (with `left` and `center` components)\r\n2. Push a new screen onto the stack while simultaneously disabling the left side menu.\r\n3. Attempt to swipe right in order to pop the new screen from the stack and go back. Note that it's difficult to pop the screen.\r\n4. Redo the steps above but without the `sideMenu`. After pushing a new screen, note that the pop gesture triggers as expected and feels natural.\r\n\r\n<details>\r\n<summary>Example configuration</summary>\r\n\r\n```typescript\r\nexport let ListBottomTabs = {\r\n    bottomTabs: {\r\n        id: 'BottomTabs',\r\n        children: [{\r\n            stack: {\r\n                children: [{\r\n                    component: {\r\n                        name: 'navigation.main.ListView',\r\n                        passProps: {\r\n                            text: 'List View'\r\n                        },\r\n                        options: {\r\n                            bottomTab: {\r\n                                text: 'My List',\r\n                                icon: require('../Images/Icons/list-icon.png'),\r\n                                testID: 'FIRST_TAB_BAR_BUTTON'\r\n                            },\r\n                            topBar: {\r\n                                title: {\r\n                                    text: 'My Lists',\r\n                                    color: 'white'\r\n                                },\r\n                                background: {\r\n                                    color: Colors.headerBackground\r\n                                },\r\n                                visible: true\r\n                            }\r\n                        }\r\n                    }\r\n                }]\r\n            }\r\n        },\r\n        {\r\n            stack: {\r\n                children: [{\r\n                    component: {\r\n                        name: 'navigation.main.SearchScreen',\r\n                        passProps: {\r\n                            text: 'Search'\r\n                        },\r\n                        options: {\r\n                            bottomTab: {\r\n                                text: 'Search',\r\n                                icon: require('../Images/Icons/search.png'),\r\n                                testID: 'SECOND_TAB_BAR_BUTTON'\r\n                            },\r\n                            topBar: {\r\n                                title: {\r\n                                    text: 'Search'\r\n                                },\r\n                                // searchBar: true,\r\n                                background: {\r\n                                    color: Colors.headerBackground\r\n                                },\r\n                                visible: true\r\n                            }\r\n                        }\r\n                    }\r\n                }]\r\n            }\r\n        },\r\n        {\r\n            stack: {\r\n                children: [{\r\n                    component: {\r\n                        name: 'navigation.main.NotificationsScreen',\r\n                        passProps: {\r\n                            text: 'Notifications'\r\n                        },\r\n                        options: {\r\n                            bottomTab: {\r\n                                text: 'Notifications',\r\n                                icon: require('../Images/Icons/notification.png'),\r\n                                testID: 'THIRD_TAB_BAR_BUTTON'\r\n                            },\r\n                            topBar: {\r\n                                title: {\r\n                                    text: 'Notifications'\r\n                                },\r\n                                visible: true\r\n                            }\r\n                        }\r\n                    }\r\n                }]\r\n            }\r\n        }],\r\n        options: {\r\n            sideMenu: {\r\n                left: {\r\n                    enabled: true\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nexport let ListView = {\r\n    sideMenu: {\r\n        left: {\r\n          component: {\r\n            name: 'navigation.main.MenuScreen',\r\n            passProps: {\r\n              side: 'left'\r\n            }\r\n          }\r\n        },\r\n        center: {\r\n            ...ListBottomTabs,\r\n            options: {\r\n                showsShadow: false\r\n            }\r\n        },\r\n        options: {\r\n            sideMenu: {\r\n                left: {\r\n                    enabled: true\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n```\r\n</details>\r\n\r\n<details>\r\n<summary>Example push</summary>\r\n\r\n```typescript\r\nNavigation.push(this.props.componentId, {\r\n    component: {\r\n        name: 'navigation.main.ItemList',\r\n        options: {\r\n            topBar: {\r\n                visible: true,\r\n                title: {\r\n                    text: list.name\r\n                }\r\n            },\r\n            animated: true,\r\n            sideMenu: {\r\n                left: {\r\n                    enabled: true\r\n                }\r\n            }\r\n        }\r\n    }\r\n})\r\n```\r\n</details>\r\n\r\n---\r\n### Environment\r\n* React Native Navigation version: 2.0.2425\r\n* React Native version: 0.56.0\r\n* Platform(s) (iOS, Android, or both?): iOS\r\n* Device info (Simulator/Device? OS version? Debug/Release?): Device; iOS 11.4.1; Debug"},"comment":{"url":"https://api.github.com/repos/wix/react-native-navigation/issues/comments/408713831","html_url":"https://github.com/wix/react-native-navigation/issues/3651#issuecomment-408713831","issue_url":"https://api.github.com/repos/wix/react-native-navigation/issues/3651","id":408713831,"node_id":"MDEyOklzc3VlQ29tbWVudDQwODcxMzgzMQ==","user":{"login":"billel-boudchicha","id":8265063,"node_id":"MDQ6VXNlcjgyNjUwNjM=","avatar_url":"https://avatars0.githubusercontent.com/u/8265063?v=4","gravatar_id":"","url":"https://api.github.com/users/billel-boudchicha","html_url":"https://github.com/billel-boudchicha","followers_url":"https://api.github.com/users/billel-boudchicha/followers","following_url":"https://api.github.com/users/billel-boudchicha/following{/other_user}","gists_url":"https://api.github.com/users/billel-boudchicha/gists{/gist_id}","starred_url":"https://api.github.com/users/billel-boudchicha/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/billel-boudchicha/subscriptions","organizations_url":"https://api.github.com/users/billel-boudchicha/orgs","repos_url":"https://api.github.com/users/billel-boudchicha/repos","events_url":"https://api.github.com/users/billel-boudchicha/events{/privacy}","received_events_url":"https://api.github.com/users/billel-boudchicha/received_events","type":"User","site_admin":false},"created_at":"2018-07-29T23:29:57Z","updated_at":"2018-07-29T23:29:57Z","author_association":"NONE","body":"Same behaviour  here , test in iOS simulator"}}
{"actor":{"display_login":"billel-boudchicha"}}