标签：也会   nat   tac   做了   后台   如何使用   npm   phonegap   官方   

　　很久没有的登陆博客园了，密码都是找回的，从当年的大学生已经正常的走上了程序员的道路，看到之前发的博客还是写的android，现在自己已经在使用了react-native了。

　　大学毕业了，做了java后台台发，就再也没有写过移动端的东西了，知道rn的出现，发现这个比当年的web app phonegap好用多了就此一发不可收拾。公司app就是用的rn，我主要还是负责数据在store中的处理，框架也是公司大牛封装的，但是我心中总有一个移动端的梦想，所以我准备开始从零开始学习react-native。

　　这边呢我主要讲一下rn的导航器React Navigation，现在rn的版本时0.45，原来react-native的导航器已经换了地方，rn官网主推React Navigation，如何使用呢？

npm install --save react-navigation 

这样就好了。里面主要有三个组件

StackNavigator

看到名字就知道他是栈一样的形式，一个页面盖一个页面，这让我想到android的activity，返回也是一层一层的返回

TabNavigator

这个就是tab，多选项标签，可以切换，组件里面自带原生的动画，自定义样式，个人感觉还是蛮强的

DrawerNavigator

这个就是抽屉，可以从屏幕边拖拽出一个抽屉，现在比较流行的样式

备注：

这边呢我就不贴代码了，一些demo代码在官方的文档上面都有，我也就不复制了，这边我正在学习的github地址在这边，这三个组件我用在了一个app里面，各个地方我也写了代码中文的哦

这里面的了内容也会经常更新，spring boot的后台接口也在准备开发中，后面会把redux框架融入进来，一些微信分享，登陆，还有一些第三方的插件我都会使用到，大家可以一起学习嘛、

git地址：

https://github.com/Radicalpro/AboutBall  

喜欢的也可以follow和star那就太感谢啦~

react-native 学习 ----- React Navigation

标签：也会   nat   tac   做了   后台   如何使用   npm   phonegap   官方   

原文地址：http://www.cnblogs.com/xiao-yi-bmx/p/7067589.html