React Native导航器之react-navigation使用_react-native navigation?.addlistener('focus' ) 页面离

在上一节Navigation组件，我们使用系统提供的导航组件做了一个跳转的例子，不过其实战能力不强，这里推荐一个超牛逼的第三方库：react-navigation。在讲react-navigation之前，我们先看一下常用的导航组件。

导航控件

常见的导航主要分为三种：
1.StackNavigator ：类似于普通的Navigator，屏幕上方导航栏
2.TabNavigator：obviously, 相当于iOS里面的TabBarController，屏幕下方标签栏
3.DrawerNavigator：抽屉效果，左侧滑出这种效果。

##Navigation 使用
在你使用navigation的每一个界面navigation都提供相关的属性和响应方法，常见的有：
navigate 定义跳转到另一个页面
调用此方法去链接你的其他界面，主要有以下参数：
·routeName- 目标路由名称，将在你的app router中注册
·params-将参数合并到目标router中
·action-(高级)sub-action ，如果该界面是一个navigator的话，将运行这个sub-action

例如：

class HomeScreen extends React.