在我的本机项目中,我使用 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>
);
}
}
}