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

  很久没有的登陆博客园了,密码都是找回的,从当年的大学生已经正常的走上了程序员的道路,看到之前发的博客还是写的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那就太感谢啦~

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