react-native

作者: 日不落000 | 来源:发表于2017-04-13 16:57 被阅读1845次

持续更新中......

一套企业级的 UI 设计语言和 React 实现。

https://mobile.ant.design/index-cn

https://github.com/ant-design/ant-design-mobile

Essential cross-platform UI components for React Native

https://nativebase.io/

对应的Icon：

http://ionicframework.com/docs/ionicons/

https://www.awesomes.cn/repo/react-native-community/react-native-elements

http://www.awesome-react-native.com/#componen

第三方组件库：

https://js.coach/react-native#content

https://github.com/cyqresig/ReactNativeComponentDemos

+++ 运行ReactNative示例（https://github.com/facebook/react-native）

运行ReactNative示例（https://github.com/facebook/react-native） http://www.jianshu.com/p/7a6639d67783

+++ 高性能 RN 列表的组件 FlatList 代替 ListView

高性能 RN 列表的组件 FlatList 代替 ListView https://mp.weixin.qq.com/s?__biz=MzI2NzI4MTEwNA==&mid=2247484250&idx=1&sn=87160398f1860758ca080f83d76da2da&chksm=ea8074e5ddf7fdf328173b66dddc903b3e667cdac4ebc14b38c454074bf32b9c100c04849a5f&mpshare=1&scene=1&srcid=0324NmacRSKsSaYZupnNsL3E&key=3e08de22783815a2c1c4e702e786ac22f9c00dab5b1b13a9896b27f43243b7930c154fd7f66b4132041f599481fb93442f6e6efcb1862567a11ba7e767903a2ce8ee084101c1826c06db06064173faa9&ascene=0&uin=MTgxODM3ODgyMA%3D%3D&devicetype=iMac+MacBookPro12%2C1+OSX+OSX+10.12.3+build(16D32)&version=12020010&nettype=WIFI&fontScale=100&pass_ticket=JBBOZLE%2F3Ysc3rCScsZRrPfqvYvnVRhqIrCl35KS%2BOWIZ1No5Hta5QzHHoMMNq5Z

+++ 二维码扫描

http://www.jianshu.com/p/733d4ace82a1

demo https://github.com/LiuC520/react-native-lc-opencamera/

+++ React Native Android 代码中设置访问js 的地址

http://www.jianshu.com/p/e598edb38dcd

+++ https://github.com/react-native-community

react-native-modal https://github.com/react-native-community/react-native-modal

https://github.com/react-native-community/react-native-linear-gradient

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

https://github.com/react-native-community/react-native-tab-view

https://github.com/react-native-community/react-native-svg

https://github.com/react-native-community/react-native-video

https://github.com/react-native-community/react-native-navbar

A React Native module that allows you to use native UI to select media from the device library or directly from the camera

https://github.com/marcshilling/react-native-image-picker

A image picker for react-native, support for ios and android

https://github.com/remobile/react-native-image-picker

https://github.com/remobile/react-native-image-picker/blob/master/screencasts/ios.gif

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

A component for react-native crop image, such as edit user head

https://github.com/remobile/react-native-image-crop

A pure js image animation like ios animationImages, support ios and android

https://github.com/remobile/react-native-image-animation

How to upload photo/file in react-native

https://github.com/g6ling/React-Native-Tips/tree/master/How_to_upload_photo%2Cfile_in%20react-native

An iOS and Android cross patform React Native module to upload files from the device local storage to a server using a multipart/form-data request.

https://github.com/farmisen/react-native-file-uploader

A splash screen for react-native, hide when application loaded ,it works on iOS and Android. //ok

https://github.com/crazycodeboy/react-native-splash-screen

A splashscreen for react-native, hide when application loaded.

https://github.com/remobile/react-native-splashscreen

This module brings "Display: none" (css style) to turn on/off components from render. Using this module will improve your app performance and appearance with the enter/exit animations.

https://github.com/sundayhd/react-native-display

一个跨平台（iOS和Android）单和多项选择React Native组件.

https://github.com/ribuluo000/react-native-checkboxlist

Checkbox component for react native, it works on iOS and Android.

https://github.com/crazycodeboy/react-native-check-box

A react native module to show toast like android, it works on iOS and Android.

https://github.com/crazycodeboy/react-native-easy-toast

A Beautiful, Customizable React Native Button component for iOS & Android

https://github.com/jacklam718/react-native-button-component

A React Native Popup Dialog Easy Use & Support Custom Animation. For IOS & Android.

https://github.com/jacklam718/react-native-popup-dialog

Highly customizable material design components for React Native

https://github.com/jacklam718/react-native-material-ui

A react native card component

https://github.com/jacklam718/react-native-card-view

A gesture password component for React Native. It supports both iOS and Android since it's written in pure JavaScript.

一个React Native的手势密码组件，纯JavaScript实现，因此同时支持iOS和安卓平台。

https://github.com/leecade/react-native-gesture-password

a simple swipe unlock for React Native

https://github.com/leowang721/k-react-native-swipe-unlocker

Progress indicators and spinners for React Native using ReactART

https://github.com/oblador/react-native-progress

https://github.com/naoufal/react-native-accordion

A clean and lightweight progress HUD for your React Native app.

https://github.com/naoufal/react-native-progress-hud

https://github.com/naoufal/disable-react-devtools

Carousel component for react-native(旋转木马)

https://github.com/nick/react-native-carousel

Quick and easy icons in React Native

https://github.com/corymsmith/react-native-icons

Customizable Icons for React Native with support for NavBar/TabBar/ToolbarAndroid, image source and full styling.

https://github.com/oblador/react-native-vector-icons

https://github.com/react-native-community/react-native-video

An enhanced, animated and customizable react-native modal.

https://github.com/react-native-community/react-native-modal

Forms library for react-native

https://github.com/gcanti/tcomb-form-native

using immutable.js library as store with react && react-native（immutable adj. 不可改变的;）

可以提升性能。

https://github.com/thewei/react-native-immutable

A simple database base on react-native AsyncStorage.

https://github.com/thewei/react-native-store

https://github.com/react-component

https://github.com/react-native-component

Cross Platform React Native UI Toolkit .https://react-native-training.github.io/react-native-elements/API/badge/

https://react-native-training.github.io/react-native-elements/API/badge/

https://github.com/react-native-training/react-native-elements

Fonts available out of the box in a React Native project

https://github.com/react-native-training/react-native-fonts

Full featured SQLite3 Native Plugin for React Native (Android and iOS)

https://github.com/andpor/react-native-sqlite-storage

A Listview with a sidebar to jump to sections directly

https://github.com/sunnylqm/react-native-alphabetlistview

This component serves as a bridge for ADBannerview. Feel free to contribute :-)

https://github.com/Purii/react-native-adbannerview

react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs...

https://github.com/FuYaoDe/react-native-app-intro

Automatic linking of URLs, phone numbers, emails, etc. in strings for React Native

https://github.com/joshswan/react-native-autolink

Pure javascript autocomplete input for react-native

https://github.com/l-urence/react-native-autocomplete-input

React Native Blur component(模糊)

https://github.com/react-native-community/react-native-blur

An Image Component for React Native that will cache itself to disk.

https://github.com/jayesbe/react-native-cacheable-image

React-Native cross-platform, calendar component.

https://github.com/vlad-doru/react-native-calendar-datepicker

Calendar Component for React Native

https://github.com/christopherdro/react-native-calendar

A datetime-picker for react-native support for android and ios.

https://github.com/cnjon/react-native-datetime

https://github.com/remobile/react-native-datetime-picker

A Native Picker with high performance.

https://github.com/beefe/react-native-picker

https://github.com/iddan/react-native-canvas

React Native Carousel control with support for iOS and Android

https://github.com/machadogj/react-native-carousel-control

A react-native wrapper baidu echarts

https://github.com/remobile/react-native-echarts

https://github.com/remobile/react-native-echarts/blob/master/screencasts/demo.gif

Add line, area, pie, and bar charts to your React Native app

NOTE! The current major version (1.X.Y) is still being developed. If you are looking for the most recent iOS-only version, please download ^0.1.4.

https://github.com/tomauty/react-native-chart

Tabbed navigation that you can swipe between, each tab can have its own ScrollView and maintain its own scroll position between swipes. Pleasantly animated. Customizable tab bar

https://www.npmjs.com/package/react-native-scrollable-tab-view

https://github.com/tomauty/react-native-scrollable-tab-view

The best Swiper component for React Native.

https://github.com/leecade/react-native-swiper

A react-native card swiper write in js

https://github.com/remobile/react-native-card-swiper

Path-esque circular action menu inspired by CircularFloatingActionMenu.

https://github.com/geremih/react-native-circular-action-menu

Animated collapsible component for React Native, good for accordions, toggles etc

https://github.com/oblador/react-native-collapsible

Standard set of easy to use animations and declarative transitions for React Native

https://github.com/oblador/react-native-animatable

Images etc in Full Screen Lightbox Popovers for React Native

https://github.com/oblador/react-native-lightbox

Progress indicator for networked images in React Native

https://github.com/oblador/react-native-image-progress

https://github.com/dancormier/react-native-swipeout

https://github.com/buhe/react-native-countdown

https://github.com/tofugear/react-native-country-picker

React Native Pili 2.0

这可能是第一个在 React Native 上实现全功能的直播 SDK 了，底层基于Pili-SDK，把 iOS 和 Android 的 API 尽量统一。

2.0 版本为了更容易集成第三方 SDK ，对原有的 React Native 项目进行了改造，iOS 的依赖采用了 Cocoapod 进行管理，当然你也可以采用原来的方式，毕竟是可以共存的。

https://github.com/buhe/react-native-pili

基于Qiniu Pili和React Native实现的Demo.

https://github.com/buhe/pilipili

A video player for React Native with controls

https://github.com/cornedor/react-native-video-player

:notebook: Command line tool to create a React Native library with a single command

https://github.com/frostney/react-native-create-library

https://github.com/react-native-material-design/react-native-material-design

http://react-native-material-design.github.io/components/button

https://material.io/guidelines/components/buttons.html#buttons-style

Country picker provides a modal allowing a user to select a country from a list. It display a flag next to each country name.

https://github.com/xcarpentier/react-native-country-picker-modal

图片缩放 //好用

react native image pan and zoom

https://github.com/ascoders/react-native-image-zoom

~~Pinch-to-zoom view for React Native (both iOS and Android) //不好用~~

~~https://github.com/alwx/react-native-photo-view~~

https://microsoft.github.io/code-push/

React Native PDF View (cross-platform support)

https://github.com/cnjon/react-native-pdf-view

A pure js show string as qrcode in react-native View

https://github.com/remobile/react-native-qrcode

A local qrcode image parse for react-native, support for ios and android

https://github.com/remobile/react-native-qrcode-local-image

Dynamic loading third party react-native app/module for react-native

https://github.com/remobile/react-native-module

https://github.com/remobile/react-native-module/blob/master/screencasts/demo.gif

A react-native marquee list write in js

https://github.com/remobile/react-native-marquee

https://github.com/remobile/react-native-marquee/blob/master/screencasts/demo.gif

A cordova local-notifications for react-native, supprt for ios and android

https://github.com/remobile/react-native-local-notifications

A file-transfer for react-native, code come from cordova, support for android and ios

https://github.com/remobile/react-native-file-transfer

A pure js ActionSheet like ios ActionSheet, support ios and android

https://github.com/remobile/react-native-action-sheet

good!

action-sheet, alert

A UI package for React Native , both available on iOS and Android

https://github.com/ribuluo000/react-native-wxui

action-sheet

good!

A react-native dropdown/picker/selector component for both Android & iOS.

https://github.com/ribuluo000/react-native-modal-dropdown

One React-Native form component to rule them all

https://github.com/FaridSafi/react-native-gifted-form

https://raw.githubusercontent.com/FaridSafi/react-native-gifted-form/master/capture/signup.gif

React Native Map components for iOS + Android

https://github.com/airbnb/react-native-maps

Timeline component for React Native App work for Android and iOS

时间线timeline

https://github.com/thegamenicorus/react-native-timeline-listview

https://mobile.ant.design/components/steps-cn/

https://github.com/iddan/react-native-canvas

React Native项目常用第三方组件汇总 http://blog.csdn.net/z4909801/article/details/53943453

https://github.com/aksonov/react-native-router-flux

控制View的显示与隐藏。

https://github.com/react-io/rn-visible-view

签名、画板

canvas

https://github.com/kevinstumpf/react-native-signature-pad

JavaScript Style Guide

https://github.com/airbnb/javascript

A gulp plugin for encoding images to base64

https://github.com/VandeurenGlenn/gulp-base64-img

Learn React Native through interactive exampleshttp://www.reactnativeexpress.com

https://github.com/dabbott/react-native-express

http://www.reactnativeexpress.com/

ui-

http://stackoverflow.com/questions/40889711/between-nativebase-and-shoutem-which-is-best-to-use-for-react-native

http://startreact.com/wp-content/uploads/2016/10/kitchensink.gif

二维码扫描

https://github.com/react-native-component/react-native-smart-barcode

http://www.jianshu.com/p/733d4ace82a1

时间格式化，解析：moment.js

https://momentjs.com/docs/#/parsing/unix-timestamp-milliseconds/

React-Native 组件的引用、自定义组件

http://www.jianshu.com/p/0b563614d099

https://github.com/sunnylqm/react-native-storage/blob/master/README-CHN.md

https://github.com/bamlab/react-native-image-resizer

The only React Native http post file uploader with android and iOS background support. If you are uploading large files like videos, use this so your users can background your app during a long upload.

https://github.com/Vydia/react-native-background-upload

https://github.com/wkh237/react-native-fetch-blob

https://github.com/wkh237/react-native-animate-number

https://raw.githubusercontent.com/wkh237/react-native-animate-number/master/img/animate-number-preview.gif

横竖屏控制

https://github.com/yamill/react-native-orientation

https://github.com/lodash/lodash

https://www.npmjs.com/package/rc-form

The comprehensive camera module for React Native. Including photographs, videos, and barcode scanning!

https://github.com/lwansbrough/react-native-camera

非常方便好用

Add sibling elements after your app root element.The created sibling elements are above the rest of your app elements.This can be used to create aModalcomponent or something should be over your app.

https://www.npmjs.com/package/react-native-root-siblings

https://www.npmjs.com/package/react-native-root-toast

导航、路由、router、页面跳转、栈、stack、

https://www.npmjs.com/package/react-native-router-flux

https://reactnavigation.org/

热更新

Q: “苹果应用商店和android应用商店允不允许使用热更新？”

A: “都允许。”

苹果允许使用热更新Apple's developer agreement, 但是规定不能弹框提示用户更新，影响用户体验。Google Play也允许热更新，但必须弹框告知用户更新。在中国的android市场发布时，都必须关闭更新弹框，否则会在审核应用时以“请上传最新版本的二进制应用包”驳回应用。

https://www.npmjs.com/package/react-native-update

https://github.com/lisong/code-push-server/blob/master/docs/react-native-code-push.md

http://microsoft.github.io/code-push/