如何使用本机反应将一个页面路由到另一个页面？

Question

我正在构建一个非常基本的应用程序来测试反应原生路由。这是我的代码......

index.android.js

    constructor() {
    super();
}

renderScene(route, navigator) {
    if(route.name === 'loginPage') {
        return <Login navigator={navigator}/>
    } else if (route.name === 'homePage') {
        alert('**********');
        return <Home navigator={navigator}/>
    }

}

render（）{

return (

  <Navigator

    initialRoute={{name: 'loginPage' }}

    renderScene= {(name) => this.renderScene(name)}

  />
);

}

登录页面

constructor（）{

    super();

   this.navigate = this.navigate.bind(this)

}

导航（姓名）{

this.props.navigate.push( {

   name 

})

}

render（）{

    return (

         <Button
                onPress={() => this.apiCalling('homePage')}
                title="API Call"

                accessibilityLabel="See an informative alert"
            />
       );
 }

}

但在这里我收到了错误。错误是“未定义不是对象（评估'this.props.navigator.push）

我如何解决它？？

Answer 1

你正在做＆＃34; this.props.navigate＆＃34;被传递的道具被称为＆＃34;导航器＆＃34;