React native 使用React Native在应用程序中导航

我从React原生开发（以及基于组件的开发）开始，我对如何组织我的应用程序有疑问

首先是关于我的应用程序屏幕。每个页面都必须是存储在单个.JS文件中的组件？我必须使用React Native navigator并包含它们

---

非常感谢

是的，您可以像对象一样将组件存储到单个js文件中

例如

Store.js

：

import Login from './components/Login';
import Welcome from './components/Welcome';

export default {
  Login: {
    index: 'login',
    component: Login
  },
  Welcome: {
    index: 'welcome',
    component: Welcome
  }
}

在

index.ios.js

或

index.android.js

中，您可以将导航器与

初始路由一起使用

：

<Navigator
  initialRoute={Store.Login}
  renderScene={(route, navigator) =>
    <Text>Hello {route.title}!</Text>
  }
/>

你好{route.title}！
}
/>

---

然后您可以将道具

navigator

传递给另一个子组件以生成导航流。

太棒了！谢谢你！