导航器是用于定义app的导航结构的组件。react navigation是一款可扩展并且易于使用的导航组件;其可以看做Navigator的加强版,含有navigator的全部功能之外还有类似android中的侧拉抽屉效果。
安装
yarn add react-navigation
# or with npm
# npm install react-navigation
react navigation中含有的7个导航器
- createStatckNavigator:普通堆栈导航
- createTabNavigator:现在已经弃用
- createTopTabNavigator
- createButtonTabNavigator:底部导航;类似微信底部四个导航
- createMaterialTopTabNavigator:屏幕顶部的材料主题的标签栏的导航
- createDrawerNavigator:抽屉效果,从侧边栏(类似网易云侧拉效果;其方向可以设置)
- createSwitchNavigator:这个导航的用途是一次只显示一个页面