我正在尝试创建我的React Native应用程序的Android版本,但是在使用Android导航器时遇到了问题。我在index.ios.js中使用的代码是:
render() {
return (
<React.NavigatorIOS
style={styles.container}
initialRoute={{
title: 'Product Searcher',
component: ProductPage,
}}/>
);}
如何在index.android.js中为Android创建等效的Navigator?我已经看过这篇文档(https://facebook.github.io/react-native/docs/navigator.html),但即使我的iOS导航器非常简单,我似乎也找不到使用本教程生成等效导航器逻辑的方法。
最佳答案
导航器的非常简单的用法如下:
class MyApp extends Component {
render() {
return (
<Navigator
initialRoute={name: 'productpage'}
renderScene={this.renderScene}
/>)
}
renderScene(route, navigator) {
switch (route.name) {
case 'productpage':
return (<ProductPage navigator={navigator}/>)
}};
在renderScene中,您将定义应用程序的所有场景。通过将导航器作为属性传递给不同的场景,您可以访问导航器。
关于android - React Native Android Navigator,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35986293/