React Navigation 4 - drawer naviagtion swipe gesture not working

This is my App.js file

import { createAppContainer } from 'react-navigation';import { createDrawerNavigator } from 'react-navigation-drawer';import HomeStack from './src/routes/HomeStack'import Screen2Stack from './src/routes/Screen2Stack';const App = createDrawerNavigator(    {      Home:{        screen:HomeStack      },      Screen2:{        screen:Screen2Stack,      }    });export default createAppContainer(App);

This is my Home Stack file

import { createStackNavigator } from 'react-navigation-stack';import HomeScreen from './../screens/HomeScreen';import Screen1 from './..//screens/Screen1';const HomeStack = createStackNavigator(    {        Home:{            screen:HomeScreen,            navigationOptions:{                title:'Home Screen'            }        },        Screen1:{            screen:Screen1,            navigationOptions:{                title:'Screen 1'            }        }    });export default HomeStack;

This is my Screen2 Stack file

import { createStackNavigator } from 'react-navigation-stack';import Screen2 from './..//screens/Screen2';const Screen2Stack = createStackNavigator(    {        Screen2:{            screen:Screen2,            navigationOptions:{                title:'Screen 2'            }        }    });export default Screen2Stack;

This is my HomeScreen.js where i did navigation.openDrawer() and its opened my drawer but swipe gesture is not working.

import React from 'react';import {  Text,  Button} from 'react-native';const HomeScreen = ({navigation}) => {  return (<><Text>Home Screen</Text><Button         title= 'Press ME'        onPress={() => navigation.openDrawer() }      /></>  );};export default HomeScreen;

This is my package.json

{"name": "APP_NAME","version": "0.0.1","private": true,"scripts": {"android": "react-native run-android","ios": "react-native run-ios","start": "react-native start","test": "jest","lint": "eslint ."  },"dependencies": {"@react-native-community/masked-view": "^0.1.10","react": "16.13.1","react-native": "0.63.4","react-native-gesture-handler": "^1.9.0","react-native-reanimated": "^1.13.2","react-native-safe-area-context": "^3.1.9","react-native-screens": "^2.16.1","react-navigation": "^4.4.3","react-navigation-drawer": "^2.6.0","react-navigation-stack": "^2.10.2"  },"devDependencies": {"@babel/core": "7.12.10","@babel/runtime": "7.12.5","@react-native-community/eslint-config": "1.1.0","babel-jest": "25.5.1","eslint": "6.8.0","jest": "25.5.4","metro-react-native-babel-preset": "0.59.0","react-test-renderer": "16.13.1"  },"jest": {"preset": "react-native"  }}

I looked around goggle and i found 2 possible solution but none of them work with my project.

solution 1 - https://github.com/react-navigation/react-navigation/issues/7536#issuecomment-540667009

solution 2 - https://github.com/react-navigation/react-navigation/issues/7536#issuecomment-555979974