猿掌柜 发布的文章 - 社畜猿

记录第一款rn应用的过程—不间断更新 也是边看边学，一天不弄第二天都生疏好多我的路线是先把界面写出来，然后在去串起来，目前进度界面的50%左右吧最近赶上这个月公司全月活动，所以手头上杂事很多，就怕一耽误又得推迟好久，而且码代码这件事，一天不碰，第二天就跟什么似的，晚上回家再用mac写一遍的时间都没得。比较痛苦。最新进度是在写大首页！写这个APP也是编写边改，怎么看都不太美观~~最近这两天被导航器（react-navigation这个组件，改天我来写一个关于这个组件的心得）给拦住了，现在终于弄明白一点了，起码现在可以正常跳转了，传参现在还没有具体去实施，只是界面跳转而已，还需要继续学习，现在已经整的明白了，虽不能说彻底理解，但是用起来没得问题目前涉及到的组件有 "react-native-actionsheet": "^2.3.0", 选择器     "react-native-image-picker": "^0.26.7",照片组件     "react-native-root-toast": "^3.0.1",toast组件     "react-native-tab-navigator": "^0.3.4",底部导航     "react-native-video": "^2.0.0",视频组件    "react-native-af-video-player": "^0.1.9", 视屏播放器UI     "react-navigation": "^1.5.2" 导航器开发已经到了中期阶段，基本上的东西都已经出来了，现在的重中之重就是把视频页面做的完善。截止2018年4-3日目前最新界面，头像上传做的本地服务器，所以在家里电脑暂时无法显示！（空间太小，家里网络传到oss还不行）截止到4月12号，视频页面基本完成，接下来的任务是内容的填充及完善,机型为5s截止到4月14号，目前所有的接口也已经编写完毕了！就要完成了！！！

开工了，项目要开始实施了 新年回来上班第一天，领取开工红包，啊哈哈哈。88元接去年的话，回来要开始重新开启之前的项目了，一款视频类app，因为实在上班时间做的，所以优先安卓端简单说这款APP的功能如下：在线观看视频课程，问答、预约课程购买课程等功能基于RN-0.51大致的界面分为课程界面、问答界面、我的界面包含4大模块：课程，动态 ，用户中心，文档、资讯（待定）其中用户模块包含以下几个功能：登陆、注册、找回密码、修改用户资料、修改密码课程模块：课程列表课程详情 - -》视频 、章节、详情，评论等如果比较顺利的话，最后开源此APP后台接口基于thinkphp5.0

祝大家新年快乐 凯歌辞旧岁，骏狗迎新春。丰年飞瑞雪，盛世展宏图。万象换新颜，神州共欢腾。合家欢喜忙，齐心酬壮志。只愿诸事顺，一年都欢畅。狗年到了，恭祝你狗年实现所有抱负。7、喜庆中国年，欢乐是新年，狗年交好运，万事都顺心。愿君身体好，健康又平安;愿君生活好，幸福又如意;愿君工作好，顺心又顺利;愿君事业好，发达更辉煌;愿君爱情好，甜蜜如拥抱!

React-Native实战开发之转换思路 之前分享过一个RN得实战视屏，但是看到最后发现，我滴妈呀~~， 后台的搭建有点复杂，所以转变思路，改用ThinkPHP做后台吧~， Mysql做数据库，算是我比较熟悉的两个了，做起来应该会很顺手， 还有个问题就是，不打算原版原样的做这个app了。准备做一个视频在线学习类的App 最近都比较忙，没得时间更新博客~，刚刚把年度启动会议结束，又要准备年会的东西， 感觉进度应该会很慢，可能会停止不前，但至少年前应该会吧界面什么的都弄出来吧，如果是Hybird的话 界面我搭起来会非常快~ RN还是不够熟悉，语法还是记不住 我这个人脑子笨，只能多写写强化记忆了 新的工作依然还没有着落，前两天碰到一个，但是工资不太符合预期啊~~

React-Native 组件react-native-image-picker教程 React-Native 组件react-native-image-picker教程

总结2017 | 展望2018 写在开头，2017即将过去，2018马上就要到来，回顾一下17年。博客是十一月份才正式上线，之前有弄过很多小网站，但是都是国外的空间。小打小闹做IT运维已经有2年多的时间了，从上一家公司开始接触到php以来，就喜欢上了这东西，继而把HTML又捡回来看。到现在的跨平台APP开发（HTML5及React-Native），H5俨然是已经熟练了很多，也做过一个小项目，虽然说最后还是放弃了继续开发。我的第一个项目(基于MUI)：ONE·一个（点击直达）以及我现在的第二个项目，同是是第一个RN项目，项目没有上传到github，还不够现在。       2017年什么也没做，就是学习，不断地学习新东西。但是现在依然没有找到工作，还在继续着IT只能多做一点自己的项目，希望能有点用。瞎忙一天，17年最后一次班。坐下来想了想，写下这一笔篇吧窗外已经漆黑，看着玻璃上倒映的自己，加油吧。你已经不再年轻了！

React-Native实战开发采坑之旅—倒计时组件 继续踩着坑，昨天看视频，里面的倒计时代码貌似不太好使，搜索了下结果 修正值或依然报错，遂放弃。搜索到了一个非常简单的倒计时组件。

第一个RN项目截止目前为止遇到的坑（问题吧） 从开始说要学着做一个RN项目，结果实际开发中遇到很多很多的坑，视频教程里面是0.21版本的RN，而我现在直接伤到了0.51视频中式针对IOS的开发，而我只能针对Android。Navigator已经取消了，湿了很多法法都不得使用，遂放弃了，改用react-nativator，这个组件也是看了好多教程才稍微弄出来（依然是不太懂，但是感觉比navigator好用点貌似）没有按着视频的ES5的语法来做项目，必竟ES7都出来很久了。这就导致了一系列问题，现在的进度是好不容易弄到了视频详情页。但是等待的菊花图不知为何吊不出来，我很是惆怅啊。艰难前进中，比H5开发难多了啊~~~不知道为何下面会有一条线~~~在这列举下遇到的react-native-video中的坑，网上也有好多解决办法，我在这里在列出来一下（针对安卓）1. 安装模块进入项目后：npm install react-native-video –save（大家都会~~）等待下载完成之后先别急，要修改一些东西；1. 首先，找到 android/settings.gradle 这个文件，在其中加入以下代码： include ':react-native-video'project(':react-native-video').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-video/android')2. 找到 android/app/build.gradle 这个文件，在 dependencies 大括号的方法中添加如下代码： compile project(':react-native-video') 就像这样： dependencies 3. 如果你的 react-native版本<0.29，那么找到MainActivity.java 这个文件，在最顶部添加：importcom.brentvatne.react.ReactVideoPackage; 并且在下面的代码中添加：new ReactVideoPackage()  如果你的 react-native版本>=0.29，那么就找到MainApplication.java这个文件，在顶部添加：import com.brentvatne.react.ReactVideoPackage; 并且在下面的代码中添加：new ReactVideoPackage() 就像这样：@Override     protected List<ReactPackage> getPackages() {       return Arrays.<ReactPackage>asList(           new MainReactPackage(),           new ReactVideoPackage()       );     }这些都做完之后，项目中运行这个代码：react-native link会出现这样的提示：rnpm-install info Android module react-native-video is already linked没有这个是不能成功引入的哦。接下来应该就都会了，导入组件：import Video from 'react-native-video'; <Video source=}                  rate= // 控制暂停/播放，0 代表暂停, 1代表播放                   volume= // 声音的放大倍数                   muted=// true代表静音，默认为false.                   paused=                   resizeMode="contain"// 视频的自适应伸缩铺放行为,三个参数                    repeat= // 是否重复播放                   playInBackground=                  playWhenInactive=                  onLoadStart=                  onLoad=                  onProgress=（坑，要bind）                  onError=                  style=               />上面是我自己项目里的Video组件，好多都不懂，慢慢学习中吧弄了这么多天就两个页面还没有弄完，我滴娘哎~~~

参照之前发布的Rn学习视频着手开发第一个Rn程序 前几天分享了一个Rn的学习视频，是基于RN0.2版本开发的，而且用的还是ES5的用法，我在这个视频的基础上参考开发：环境如下：RN版本0.41,，语法：ES6，毕竟现在ES7都出来了~~基于安卓客户端（尽量学习同时兼容~~~，给自己挖坑了，毕竟这是Rn的优势）！今天是第一天学习，立文为证，进度很缓慢，几乎不太懂。。。一起来见证吧~~希望不要遇到太多的坑吧~ 2017年12月15日 于南京 （小雨）

分享一个RN的视频教程吧 之前在网上下载的，费了好大劲才找到解压密码~~~总之很全面，我现在正在看视频~~~，这个也是从最基础开始讲的，然后一直到最后的实战都是穿插在一起实战内容为一个视频类的软件，具体大家可以下载查看，另外顺便给大家一个下载的利器（当然你有VIP就不用下来）~~~我决定占用一下我不大的空间，把第一个视频上传来，供大家选择吧视频教材是基于ES5语法及RN版本0.2，请大家注意咯链接：https://pan.baidu.com/s/1i56EKZz 密码：wcem