版权声明:1.版权归原作者Moment ° 回忆 ✨所有; 2.未经原作者允许不得转载本文内容,否则将视为侵权; 3.转载或者引用本文内容请注明来源及原作者; 4.对于不遵守此声明或者其他违法使用本文内容者,本人依法保留追究权等。 https://blog.csdn.net/qq_35366269/article/details/88405245
react-navigation 是什么?
react-navigation 是一款可扩展且易于使用的开源导航组件。
导航器是什么?
导航器可以看成是一个普通的React组件,你可以通过导航器来定义你的App的导航结构。在react-navigation中有以下6种类型的导航器:
- createStackNavigator:类似于普通的Navigator,屏幕上方导航栏
- createTabNavigator:createTabNavigator以弃用,使用createBottomTabNavigator和createMaterialTopTabNavigator替代
- createBottomTabNavigator:相当于IOS里面的TabBarController,屏幕下方的标题栏
- createMaterialTopTabNavigator:屏幕顶部的主题标题栏
- createDrawerNavigator:抽屉效果,侧边滑出
- createSwitchNavigator:该用于是一次只显示一个页面
在学习6种导航之前,我们首先要了解个导航相关的两个概念:
- Screen navigation prop(屏幕导航属性):通过navigation可以完成页面之间的调度操作,例如打开另外一个页面
- Screen navigationOptions (屏幕导航选项):通过navigationOptions 可以设置导航器显示在屏幕的方式,比如:头部标题、选项卡标签