React Native Android Navigator-Java 学习之路

我正在尝试创建我的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导航器非常简单 .

1 回答

Navigator的一个非常简单的用法是：

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

回复于 2024-04-28T00:52:30+08:00

React Native Android Navigator

1 回答

相关问题