android - react native Android 导航器

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