React Native 使用导航器跳转页面

移动应用基本不会只由一个页面组成。管理多个页面的呈现、跳转的组件就是通常所说的导航器（navigator）。

如果刚开始接触，那么直接选择React Navigation就好。 React Navigation 提供了简单易用的跨平台导航方案，在 iOS 和 Android 上都可以进行翻页式、tab 选项卡式和抽屉式的导航布局。

如果你只针对 iOS 平台开发，想和系统原生外观一致，不需要什么自定义的设置，那么可以选择NavigatorIOS，因为它提供了一个基于原生 UINavigationController 类的封装。然而组件在Android上不会起作用。

如果你想同时在iOS和Android上达到看起来像原生，或者你想把RN整合到一个已经有原生导航管理的APP里, 下面这个库提供了在两个平台都适用的原生导航: react-native-navigation.

React Navigation

社区今后主推的方案是一个单独的导航库react-navigation，它的使用十分简单。React Navigation 中的视图是原生组件，同时用到了运行在原生线程上的Animated动画库，因而性能表现十分流畅。此外其动画形式和手势都非常便于定制。

NavigatorIOS

NavigatorIOS是基于 UINavigationController封装的，所以看起来很像。

和其他导航器类似，NavigatorIOS也使用路由对象来描述场景，但有一些重要区别。其中要渲染的组件在路由对象的component字段中指定，要给目标组件传递的参数则写在passProps中。被渲染的 component 都会自动接受到一个名为navigator的属性，可以直接调用此对象(this.props.navigator)的push和pop方法。

由于NavigatorIOS使用的是原生的 UIKit 导航，所以它会自动渲染一个带有返回按钮和标题的导航栏。

参考网站：

react-native-navigation官网

react-navigation官网