React Native Android Navigator

Question

我正在尝试创建我的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导航器非常简单，我也似乎找不到使用本教程生成等效导航逻辑的方法。

Answer 1

导航器的一个非常简单的用法是：

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中，您将为应用定义所有场景。通过将导航器作为属性传递给不同的场景，您可以访问导航器。