Navigation.navigate页面跳转报错解决方案记录

react-native Navigation.navigate页面跳转报错：Undefined is not an Object（evaluating this2.props.navigation.navigate)…解决方案

最近做RN项目，项目菜单是通过侧滑栏全局配置效果实现，但是在点击侧滑栏菜单项时，却始终报标题所示的错误提示，经过一系列网上查阅和实践，终于搞定，故记录下来

调用侧滑栏组件时，传递navigate

<SlideMenu
   navigate={this.props.navigation.navigate} 
></SlideMenu>

在SlideMenu组件中，通过this.props.navigate跳转

<ButtonView
  key={`smenu_${sindex}`}
   onPress={() => {
     if(sitem.routeName){
       _this.props.navigate(sitem.routeName);
     }
   }}
 >
 <View style={styles.menu}>
   <TextView style={styles.menuText}>{sitem.label}</TextView>
   <Icon
      name={'ios-arrow-forward'}
      size={18}
      color={'#ccc'}
    />
  </View>
</ButtonView>