react native 类库

前端之家收集整理的这篇文章主要介绍了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");取当前时间并格式化

原文链接:https://www.f2er.com/react/302805.html

猜你在找的React相关文章