我正在尝试创建我的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/

10-12 07:14