react native 的成功离不开优秀的第三方组件,以下是我见过的一些优秀或者有用的RN第三方组件

按钮

APSL/react-native-button

导航

react-native-simple-router
react-native-scrollable-tab-view
react-native-router-flux
react-native-router-redux
react-native-tabbar-navigator(IOS only)
react-native-navigation

轮播

react-native-swiper
react-native-viewpager
react-native-carousel
react-native-looped-carousel
react-native-carousel-control
react-native-spring-carousel
react-native-image-carousell

模糊效果

react-native-blur

滚动列表

react-native-parallax-scroll-view(拉伸最上方图片刷新,类似微信朋友圈刷新)
react-native-lazyload
react-native-sglistview
react-native-refreshable-listview

浮动提示

react-native-root-toast

矢量图标

react-native-vector-icons

登陆动画

react-native-login

视频

react-native-video

条形码扫描

react-native-barcodescanner

html页面渲染

react-native-html-render

消息推送

react-native-push-notification

分享与登录

react-native-wechat
react-native-share
react-native-qq
react-native-activity-view

清除没有被取消的定时器

react-timer-mixin

获取手机驱动信息

react-native-device-info

搜索条

react-native-search-bar
react-native-searchBar

fetch数据

fetch-http-client
http-client
isomorphic-fetch

从设备中,选取图片

react-native-image-picker
react-native-camera-roll-picker

关于相机

react-native-camera

本地数据仓库

react-native-store
类似微信的气泡聊天
react-native-message-bubble

图片上传

图片上传

图片缩放查看大图小图

react-native-transformable-image

验证邮箱登录密码等

React-Native-TextInputLayout

缓存管理

缓存管理

弹出层

react-native-root-modal
react-native-lightbox

tab bar

TabComponent
react-native-tab-navigator

类似qq空间发照片说说的效果

react-native-action-button

加载过程条

react-native-progress

类似iPhone通讯录样式

react-native-alphabetlistview

图片缓存

react-native-cache-image

动画效果

react-native-animatable

初始化应用时的循环图片

react-native-looped-carousel

手势解锁

react-native-gesture-password

react native 第三方组件的更多相关文章

  1. react native 第三方组件react-native-swiper 轮播组件

    github地址:https://github.com/leecade/react-native-swiper 使用方法:安装:npm i react-native-swiper –save 查看模块 ...

  2. React Native 之 组件化开发

    前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会有所 ...

  3. React Native的组件ListView

    React Native的组件ListView类似于iOS中的UITableView和UICollectionView,也就是说React Native的组件ListView既可以实现UITableV ...

  4. React Native交互组件之Touchable

    React Native交互组件之Touchable:只要在组件外面包一个Touchable组件就可以实现点击交互. TouchableHighlight:高亮触摸 当点击时,组件的透明度会改变,可以 ...

  5. React Native常用组件在Android和IOS上的不同

    React Native常用组件在Android和IOS上的不同 一.Text组件在两个平台上的不同表现 1.1 height与fontSize 1.1.1只指定font,不指定height 在这种情 ...

  6. 封装 React Native 原生组件(iOS / Android)

    封装 React Native 原生组件(iOS / Android) 在 React Native中,有很多种丰富的组件了,例如 ScrollView.FlatList.SectionList.Bu ...

  7. React Native常用组件之TabBarIOS、TabBarIOS.Item组件、Navigator组件、NavigatorIOS组件、React Navigation第三方

    以下内容为老版本React Native,faceBook已经有了新的导航组件,请移步其他博客参考>>[我是传送门] 参考资料:React Navigation  react-native ...

  8. React Native常用组件Image使用

    前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会有所 ...

  9. React Native 中组件的生命周期

    概述 就像 Android 开发中的 View 一样,React Native(RN) 中的组件也有生命周期(Lifecycle).所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命 ...

随机推荐

  1. python low版线程池

    1.low版线程池设计思路:运用队列queue 将线程类名放入队列中,执行一个就拿一个出来import queueimport threading class ThreadPool(object): ...

  2. button disable and enable

    1. disable <button id="buttonId" disabled>......</button> $("#buttonId&qu ...

  3. Python isspace() 方法检测字符串是否只由空格组成。

  4. 利用模板导出文件(二)之jacob利用word模板导出word文件(Java2word)

    https://blog.csdn.net/Fishroad/article/details/47951061?locationNum=2&fps=1 先下载jacob.jar包.解压后将ja ...

  5. js里面判断一个字符串是否包含某个子串的方法

    1. ES6的includes, 返回 Boolean var string = "foo", substring = "oo"; string.include ...

  6. centos7.0 64位系统 安装PHP5.3 支持 nginx

    1  安装PHP所需要的扩展 yum -y install libxml2 libxml2-devel openssl openssl-devel bzip2 bzip2-devel curl cur ...

  7. bzoj1679

    题解: 前缀和 显然需要排序一下 注意爆int这件事 代码: #include<bits/stdc++.h> using namespace std; typedef long long ...

  8. 验证码 kaptcha 参数详解

    Constant 描述 默认值 kaptcha.border 图片边框,合法值:yes , no yes kaptcha.border.color 边框颜色,合法值: r,g,b (and optio ...

  9. java 实现简单的顺序栈

    package com.my; import java.util.Arrays; /** * 顺序栈 * @author wanjn * */ public class ArrayStack { pr ...

  10. 【转】用深度学习做crowd density estimation

    本博文主要是CVPR2016的<Single-Image Crowd Counting via Multi-Column Convolutional Neural Network>这篇文章 ...