react-navigation
react-navigation 是今年1月份新出的一款React-native导航组件
按使用形式主要分三部分:
- StackNavigator: 类似于普通的Navigator,屏幕上方导航栏
- TabNavigator: 相当于iOS里面的TabBarController,Android中的TabHost ,屏幕下方的标签栏
- DrawerNavigator: 抽屉效果,侧边滑出
它们的属性,使用方法这里不提供。
提供博客 属性,使用方法介绍
因它们的Demo都很少,所以我想有个全的Demo
第一想到的是官方Demo
配置起来很麻烦,我简化了下,给类似我这种小白快速上手。
react-native run-android 就可以运行。
IOS 没有写index.ios.js 文件
所以我在这里提供了一个Demo 基于官方GitHub Demo
react-navigation-master\examples\NavigationPlayground