react native 类库

React Native 类库。以下类库兼容IOS和Android

一.安装类库.安装后在node_modules中找到你刚刚下载的类库，里面有README.md文件,里面有demo教你如何使用，或者里面的js可点开查看所可以设置的属性。具体GitHub上找到该开源类库,里面有详细的说明

npm install 类库名 --save //下载依赖

npm rm 类库名 //删除类库

二.计时器类库

npm install react-timer-mixin --save //下载依赖并将版本号等信息保存在Package.json文件中

在项目中需要引入注册:

引入:var TimerMixin=require("react-timer-mixin");

类中注册:mixins:[TimerMixin],

var TimerMixin = require('react-timer-mixin');
var Component = React.createClass({
  mixins: [TimerMixin],componentDidMount() {
    //注意也可以使用setInterval定时器
    this.timer=this.setTimeout(
      () => { console.log('I do not leak!'); },500
    );
    //停止定时器
    clearTimeout(this.timer)
  }

清空定时器

clearTimeout(timer)

clearImmediate(timer)

clearInterval(timer)

setTimeout

setInterval

setImmediate:设置立即执行的任务

requestAnimationFrame:用递归来设置动画，相对setTimeout(fn,0)来说，有优势：能够在动画流刷新 后执行，即上一个动画流会完整执行。

requsetAnimationFrame(fn)和setTimeout(fn,0)不同，前者会在每帧刷新之后执行一次，而后者则会 尽可能快的执行

三.TabBar底部导航(兼容Android和IOS)--react-native-tab-navigator

下载依赖:npm install react-native-tab-navigator --save

https://github.com/happypancake/react-native-tab-navigator//GitHub地址

四.轮播react-native-swiper

npm install react-native-swiper --save 下载依赖并将版本号等信息保存在Package.json文件中

https://github.com/leecade/react-native-swiper//GitHub地址

五.仿QQ侧边栏react-native-side-menu

npm install react-native-side-menu --save

https://github.com/react-native-community/react-native-side-menu //GitHub地址

import SideMenu from "react-native-side-menu";//导入侧边栏. 注意这里要import,官方文档未修改过来

六.级联(类似日期选择，地区选择)react-native-picker

https://github.com/beefe/react-native-picker //GitHub地址

七.原生相册相机操作。第三方的react-native-image-crop-picker的功能更为完整易用（可多选、压缩、裁剪等）。

https://github.com/ivpusic/react-native-image-crop-picker //GitHub地址

https://my.oschina.net/u/3112095/blog/1552828 //我的开源中国

八.时间格式化--moment

http://momentjs.cn/ //官网地址

npm i moment --save

moment().format("YYYY-MM-DD hh:mm:ss");取当前时间并格式化

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!