如何使用原生路由將一個頁面路由到另一個頁面？

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}/> 
    } 

} 

渲染（）{

return (

    <Navigator 

    initialRoute={{name: 'loginPage' }} 

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

    /> 
); 

}

登錄頁面

構造函數（）{

super(); 

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

} 

導航（名稱）{

this.props.navigate.push({ 

    name 

}) 

}

渲染（）{

return (

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

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

}

但在這裏，我得到的錯誤。錯誤是「不確定的不反對（評估「this.props.navigator.push）

我如何可以解決嗎......？

Answer 1

你正在做的‘this.props.navigate’，而道具是通過被稱爲「導航」