DrawerScreen component accessible at every Screen

[sanjeevyadavIT]

trafficstars

Describe the bug Since react-native-gesture-handler is enabled in the code, dragging left across the screen opens up the Drawer. There are two Drawer used one showing CategoryTree and other showing DrawerScreen for Category component. And as DrawerScreen drawer is the top most Drawer, swiping left across any screen whether Home, Cart, Login etc, it opens up.

Expected behavior

1. CategoryTree Drawer should be only accessible from HomeScreen, Login or Account (depending upon user is authenticated or not) and Cart. As soon as other screen are added in their respective stacks, swiping left should not open Drawer.

As , SearchScreen is first level of Bottom tab navigator and it also show products which contain filters, CategoryTree Drawer should not open on swiping left

2. DrawerScreen drawer should only be accessible from Category and SeacrhScreen
3. From any other screen which are not mentioned here, drawer should remain disabled.

Current Behavior DrawerScreen can be access from any screen, by swiping left across the screen

Steps to Reproduce

1. Open the app on Android phone
2. Start swiping left across the screen

Solution First solution(Easy method): Disable gesture Second Solution: Keep only one Drawer Navigator. Remove DrawerScreen as Drawer and make it a screen that render over top of the Category and search screen Third Solution: Properly handle both Drawer state as mentioned in Expected behavior.

Screenshots

DrawerScreen accessible from HomeScreen

Smartphone (please complete the following information):

• Magento Version: [2.1.0]
• Device: [Android Emulator Nexus 5X]
• OS: [PIE]
• Version [28]

Additional context I don't know whether gestures are enabled on iOS or not, but they are enabled on Android.