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");取当前时间并格式化
原文链接:https://www.f2er.com/react/302805.html