我必须对抽屉进行裁剪,然后创建一个包含所有需要项的DrawerComponent,并创建一个带有NavigationActions的函数来调度我的路线,但是它不起作用。当我单击任何项目时,我都会遇到此错误:无法读取未定义的属性“ dispatch”
import {NavigationActions} from 'react-navigation';
...
class DrawerComponent extends React.Component {
navigateToScreen = (route) => () => {
const navigateAction = NavigationActions.navigate({
routeName: route
});
this.props.navigation.dispatch(navigateAction);
}
render()...
...
...
<TouchableOpacity
style={Styles.centerContent}
onPress= {this.navigateToScreen('Messages')}
>
<IconIonic name="ios-mail" size={60} color= '#fff'/>
<View>
<Text>messages</Text>
</View>
</TouchableOpacity>
在抽屉里
import { createStackNavigator, createDrawerNavigator, createAppContainer } from 'react-navigation';
...
const DrawerNavigation = createDrawerNavigator({
Home: { // entree (route name) : on peut la nommer comme on veut mais on prefere lui donner le meme nom que notre screen qu'on va afficher
screen: HomeStackNavigation, // le screen qu'on va afficher IL DOIT ETRE UN STACK
},
Message: {
screen: Messages,
},
},
{
drawerWidth: width*0.83,
contentComponent: props =>
{
return(<DrawerComponent/>)
},
drawerPosition: 'left',
},
);
在发生此错误之前,我有类似以下内容:undefined不是评估_this.props.navigation.dispatch()的对象
{
contentComponent: props => {
return <DrawerComponent {...props} />;
};
}
不要吞咽props
。传递给子组件
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句