react-navigation学习记录一:简介
2018-11-05 本文已影响21人
ghost__
简介
搭建demo使用相关版本:
"react-native": "0.56.0",
"react-navigation": "^2.18.2"
根据React Navigation官网文档描述:Learn once, navigate anywhere.
React Navigation的诞生,源于React Native社区对基于Javascript的可扩展且使用简单的导航解决方案的需求。
React Navigation是Facebook,Expo和React社区的开发者们合作的结果:它取代并改进了React Native生态系统中的多个导航库,其中包括Ex-Navigation,React Native的Navigator和NavigationExperimental组件。
导航器
react-navigation包含以下功能来帮助你创建导航器:
- createStackNavigator - 一次只渲染一个页面,并提供页面之间跳转的方法。 当打开一个新的页面时,它被放置在堆栈的顶部
- createSwitchNavigator - 一次只显示一个屏幕。默认情况下,不处理后退操作,并在您切换时将路由重置为其默认状态。
- createDrawerNavigator - 提供一个从屏幕左侧滑入的抽屉
- createBottomTabNavigator - 渲染一个选项卡,让用户可以在几个页面之间切换