我正在使用react-native-router-flux显示一个抽屉菜单，但是当我单击它时，汉堡包菜单才起作用。但是，当我尝试从左向右滑动时，菜单没有显示，当我单击菜单之外时，菜单也没有隐藏。

这是我的路线：

export default class App extends Component {

    render() {
        return (
          <Router>
            <Scene>
                <Drawer
                    hideNavBar
                    key="drawerMenu"
                    contentComponent={SideBar}
                    drawerWidth={250}
                    drawerPosition="right"
                >
                    <Scene
                        key="profileScreen"
                        component={Home}

                    />

                </Drawer>
            </Scene>

        </Router>
        );
    }
}

我的主页是：

import React from 'react';
import { StyleSheet,Text,SafeAreaView,TouchableOpacity } from 'react-native';

const Home = () => {

  const goToAbout = () => {
     actions.about()
  }
  return (
     <TouchableOpacity style = {{ margin: 128 }} onPress = {goToAbout}>
        <Text>This is HOME!</Text>
     </TouchableOpacity>
  )
 }
const styles = StyleSheet.create({
  container: {
    flex: 1,},});

export default Home;

我的包json是：

"dependencies": {
    "react": "16.11.0","react-native": "0.62.2","react-native-gesture-handler": "^1.6.1","react-native-reanimated": "^1.9.0","react-native-router-flux": "^4.2.0","react-native-screens": "^2.8.0"
  },

谢谢您的帮助。