react-navigation

react-navigation 是今年1月份新出的一款React-native导航组件

react-navigation官网

按使用形式主要分三部分:

  1. StackNavigator: 类似于普通的Navigator,屏幕上方导航栏
  2. TabNavigator: 相当于iOS里面的TabBarController,Android中的TabHost ,屏幕下方的标签栏
  3. DrawerNavigator: 抽屉效果,侧边滑出

它们的属性,使用方法这里不提供。
提供博客 属性,使用方法介绍

因它们的Demo都很少,所以我想有个全的Demo
第一想到的是官方Demo

官方GitHub Demo

配置起来很麻烦,我简化了下,给类似我这种小白快速上手。
react-native run-android 就可以运行。
IOS 没有写index.ios.js 文件

所以我在这里提供了一个Demo 基于官方GitHub Demo
react-navigation-master\examples\NavigationPlayground

react-navigation NestingNavigators Demo

Demo下载地址

相关文章:

  • 2021-10-08
  • 2021-07-24
  • 2021-08-10
  • 2022-12-23
  • 2022-12-23
  • 2021-06-08
  • 2021-12-13
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-04-12
  • 2021-07-11
  • 2021-08-07
  • 2021-08-12
  • 2021-12-27
相关资源
相似解决方案