页面跳转时，报  Undefined is not an Object（evaluating this2.props.navigation.navigate)

出错原因：在一个页面组件中调用了另一个组件，而跳转动作在被调用组件中定义。则会出现：当前呈现页面的this与跳转动作发生的this不一致，导致跳转动作不能被调用。

解决办法：在当前呈现页面获取跳转动作调用方法，作为参数传递给跳转动作发生组件。

例如：

export default class PayFailedPage extends Component {    render() {        return (            
                     
                     
       
                                 
             );    }}

在跳转动作发生组件中定义跳转：

class PageTop extends Component{    render(){        return (            
                     
                          
       {                        this.props.navigate('Index');                    }}  style={
   {flex:1}} title="回到首页"/>                                    );    }}