当前目录: react native
react native异步本地存储AsyncStorage的使用

2017年2月19日  react native   

本地存储的作用就是能够实现例如:保存用户曾经的搜索记录、视频的播放记录、购物记录等等。不把这些数据存储在数据库是因为没必要浪费资源,这些数据也是可有可无的不重要。 react native也有跟Html5类似的localStorage功能那就是AsyncStorage。 AsyncStorage是全局操作,意思就是AsyncStorage中的this指向的是全局对象。类似于js中的window。官方推荐我们封装后使用不要直接使用。 var React=require('react'); var react_native=require('react-native'); var { AsyncStorage } = react_native; 设置: AsyncStorage.setItem('myname', JSON.stringify({name:'陈陈'})); 获取: AsyncStorage.getItem('myname').then(function(data){ ... }); 删除: AsyncStorage.removeItem(key); 批量...

react native视频播放器——react-native-video

2016年12月26日  react native   

安装: npm i -S react-native-video // npm install react-native-video --save   RN不像原生Andriod或者IOS,RN在开发的时候,是可以动态刷新查看效果,类似于混合App的开发,但是又不同于混合App,一些原生开发的组件,是无法做到直接动态刷新的,想要在引入原生组件之后,还能看到效果,一个办法就是重新编译安装一遍,但是这种方法明显太浪费时间,另外一个方法就是使用rnpm。 http://blog.csdn.net/DeepLies/article/details/53054628 react native视频播放是调用了原生组件,所以需要在执行以下代码: rnpm link react-native-video (这里的rnpm需要用npm额外安装   npm install rnpm -g)   使用: var Video=require('react-native-video').default; <Video ref='videoPlayer' //设置组...

react-native-video获取视频时间总长度

2016年12月26日  mac,react native   

本人环境 RN 0.38 react-native-video@0.9.0 在0.9版本中是没有获取视频总长度的方法的,需要修改RCTVideo.m文件: 将以下代码复制粘贴覆盖到原来的就行 https://github.com/react-native-community/react-native-video/blob/9bcf70cbb513402622bc114f93da751c28f15303/ios/RCTVideo.m 使用方法: <Video ... onProgress={this._onProgress} ... /> _onProgress:function (data) { console.log('视频时间总长度:'+data.seekableDuration+'秒'); },

解决:react-native-video不能回调的问题

2016年12月26日  mac,react native   

<Video ref='videoPlayer' //设置组件类型,类似于input的type source={{uri:data.content}} //视频地址 style={styles.video} //视频样式 volume={1} paused={false} rate={this.state.rate} muted={this.state.muted} resizeMode={this.state.resizeMode} repeat={this.state.repeat} onProgress={this._onProgress} onEnd={this._onEnd} /> 其他参数可以正常使用,唯独回调函数不能使用。貌似在RN 0.38版本中出现问题。 网上解决方法很多,其中一个方法就是升级RN到0.39 react-native-video升级到最新。 但是本人使用的RN版本不幸的是0.38的,还有另一个方法就能轻松解决: react-native unlink react-native-video react-native link react-native-video 本人使用的版本是 RN 0....

mock.js数据模拟

2016年12月2日  react native   

mock.js说白了就是模拟一堆类似json的数据提供给前端测试,在后台和数据还没有出来时候是可以提前利用mock.js模拟一些数据对前端来说是很有帮助的。  http://rap.taobao.org/org/index.do配合mock.js使用。 1,首先到网站注册一个帐号   2,点击导航的“团队”---下拉点“创建团队”---弹出“创建团队”红点随便填---点“创建产品线”---弹出“添加产品线”红点随便填---点刚刚创建的产品线,点击“创建分组”---弹出“创建分组”红点随便填 完成以上步骤就会看到一个大型的加号,点击 之后弹窗“创建项目”红点随便填,这时候项目就创建完成了。   3,点击刚刚创建完成的项目就可以开始生成数据了,如: 点击“编辑”     添加接口,上图可以根据自己的需要设置   在根据下面案例填写: ...

第1页,共2页 首页 上一页12下一页 尾页