react-native

持续更新中......






一套企业级的 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



This library is React Native wrapper of popular Native charting library MPAndroidChart and Charts

https://github.com/wuxudong/react-native-charts-wrapper


可能遇到的问题:

Compile error https://github.com/danielgindi/Charts/issues/3373


ios 集成教程 Can't compile using xcode 10 and RN 0.57.1 


react-native '^0.56.0';

macOS 10.14 (18A391);

xcode Version 10.0 (10A255);

react-native-charts-wrapper 0.5.0;

swift version 4.1 not 4.2;

Charts version 3.1.1 not 3.2.0;




React Native图表插件react-native-charts-wrapper集成教程 https://www.jianshu.com/p/432517c5b531


android


ios



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/jshanson7/react-native-swipeable



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/



加载图片控件

在加载成功之前加载默认图片,如果加载失败则显示默认图片。

https://github.com/Dharmoslap/react-native-responsive-image 



常用第三方组件汇总 https://shenbao.github.io/ishehui/html/RN%20%E5%9F%BA%E7%A1%80/React%20Native%20%E5%B8%B8%E7%94%A8%E7%AC%AC%E4%B8%89%E6%96%B9%E7%BB%84%E4%BB%B6%E6%B1%87%E6%80%BB.html







https://github.com/search?o=desc&q=react-native&s=stars&type=Repositories&utf8=%E2%9C%93

https://github.com/reactnativecn/react-native-guide

https://github.com/ptmt?tab=repositories

https://github.com/alwx

https://github.com/aerofs

https://github.com/cnjon

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,271评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,275评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,151评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,550评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,553评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,559评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,924评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,580评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,826评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,578评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,661评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,363评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,940评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,926评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,156评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,872评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,391评论 2 342