一、开源库介绍
今年1月份，新开源的react-natvigation库备受瞩目。在短短不到3个月的时间，github上星数已达4000+。Fb推荐使用库，并且在React Native当前最新版本0.44中将Navigator删除。react-navigation据称有原生般的性能体验效果。可能会成为未来React Native导航组件的主流军。本篇内容基于【 ^1.0.0-beta.9 】版本来介绍关于该库的使用和实战技巧。可以看到，虽然是beta版本，不过基本稳定，大家可放心在项目中使用。奉上 react-navigation 官方文档
该库包含三类组件：
（1）StackNavigator：用来跳转页面和传递参数
（2）TabNavigator：类似底部导航栏，用来在同一屏幕下切换不同界面
（3）DrawerNavigator：侧滑菜单导航栏，用于轻松设置带抽屉导航的屏幕
二、react-navigation使用
具体内容大致分为如下：
（1）react-navigation库属性介绍
（2）StackNavigator、TabNavigator实现界面间跳转，Tab切换
（3）StackNavigator界面间跳转、传值、取值
（4）DrawerNavigator实现抽屉导航菜单
（5）DrawerNavigator扩展功能
（6）自定义react-navigation
1、StackNavigator属性介绍
navigationOptions：配置StackNavigator的一些属性。
- title：标题，如果设置了这个导航栏和标签栏的title就会变成一样的，不推荐使用
- header：可以设置一些导航的属性，如果隐藏顶部导航栏只要将这个属性设置为null
- headerTitle：设置导航栏标题，推荐
- headerBackTitle：设置跳转页面左侧返回箭头后面的文字，默认是上一个页面的标题。可以自定义，也可以设置为null
- headerTruncatedBackTitle：设置当上个页面标题不符合返回箭头后的文字时，默认改成"返回"
- headerRight：设置导航条右侧。可以是按钮或者其他视图控件
- headerLeft：设置导航条左侧。可以是按钮或者其他视图控件
- headerStyle：设置导航条的样式。背景色，宽高等
- headerTitleStyle：设置导航栏文字样式
- headerBackTitleStyle：设置导航栏‘返回'文字样式
- headerTintColor：设置导航栏颜色
- headerPressColorAndroid：安卓独有的设置颜色纹理，需要安卓版本大于5.0
- gesturesEnabled：是否支持滑动返回手势，iOS默认支持，安卓默认关闭
screen：对应界面名称，需要填入import之后的页面
mode：定义跳转风格
card：使用iOS和安卓默认的风格