在我的本机项目中,我使用 react-navigation 中的 DrawerNavigator 组件为特定组件创建了一个抽屉,这样在我添加它之后它就不会显示,请问我做错了什么

HOME.JS(CHILD COMPONENT)

import {DrawerNavigator} from "react-navigation";
import Find from "./Find";

const Drawer = DrawerNavigator({
Page1: {
    screen: Find
},
}, {
drawerWidth: 300
});
export default class Home extends Component {
return (
<View style={{flex: 1, backgroundColor: '#FAFAFA'}}>
    {Drawer}
</View>

APP.JS

import {createStackNavigator} from 'react-navigation';

const RootStack = createStackNavigator(
{
    Home: {
        screen: Home,
    },
    Land: {
        screen: On,
    },
    Find: {
        screen: Find
    }
    },
    {
    initialRouteName: 'Home',
    }
    );

    export default class App extends Component {
    constructor(props) {
    super(props);
    this.state = {
        timePassed: false,
        On: true,
    };
    }
    render() {
        return (
            <View style={styles.container}>
                <StatusBar backgroundColor='#F2C490' translucent={true} barStyle='light-content'/><RootStack/>
            </View>
        );

    }
}
}