React Native Android 导航器答案

【问题标题】：React Native Android NavigatorReact Native Android 导航器
【发布时间】：2016-06-29 10:01:42
【问题描述】：

我正在尝试创建我的 React Native 应用程序的 Android 版本，但我在使用 Android 导航器时遇到了问题。我在 index.ios.js 中使用的代码是：

render() {
return (
  <React.NavigatorIOS
    style={styles.container}
    initialRoute={{
      title: 'Product Searcher',
      component: ProductPage,
    }}/>
);}

如何在我的 index.android.js 中为 Android 创建等效的导航器？我查看了这段文档 (https://facebook.github.io/react-native/docs/navigator.html)，但我似乎无法找到使用本教程生成等效导航器逻辑的方法，即使我的 iOS 导航器非常简单。

【问题讨论】：

您遇到的错误是什么？

标签： android ios react-native

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

【讨论】：