react-native

持續(xù)更新中......






一套企業(yè)級的 UI 設(shè)計語言和 React 實現(xiàn)框杜。

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/

對應(yīng)的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.reibang.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.reibang.com/p/733d4ace82a1

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


+++ React Native Android 代碼中設(shè)置訪問js 的地址

http://www.reibang.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實現(xiàn),因此同時支持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(旋轉(zhuǎn)木馬)

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集成教程 http://www.reibang.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 上實現(xiàn)全功能的直播 SDK 了脓豪,底層基于Pili-SDK滨砍,把 iOS 和 Android 的 API 盡量統(tǒng)一。

2.0 版本為了更容易集成第三方 SDK 纷跛,對原有的 React Native 項目進(jìn)行了改造喻括,iOS 的依賴采用了 Cocoapod 進(jìn)行管理,當(dāng)然你也可以采用原來的方式贫奠,畢竟是可以共存的唬血。

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

基于Qiniu Pili和React Native實現(xiàn)的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.reibang.com/p/733d4ace82a1



時間格式化拷恨,解析:moment.js

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



React-Native 組件的引用、自定義組件

http://www.reibang.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??


導(dǎo)航谢肾、路由腕侄、router、頁面跳轉(zhuǎn)芦疏、棧冕杠、stack、

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

https://reactnavigation.org/?


熱更新

Q: “蘋果應(yīng)用商店和android應(yīng)用商店允不允許使用熱更新眯分?”

A: “都允許拌汇。”

蘋果允許使用熱更新Apple's developer agreement, 但是規(guī)定不能彈框提示用戶更新弊决,影響用戶體驗噪舀。Google Play也允許熱更新魁淳,但必須彈框告知用戶更新。在中國的android市場發(fā)布時与倡,都必須關(guān)閉更新彈框界逛,否則會在審核應(yīng)用時以“請上傳最新版本的二進(jìn)制應(yīng)用包”駁回應(yīng)用。


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/



加載圖片控件

在加載成功之前加載默認(rèn)圖片纺座,如果加載失敗則顯示默認(rèn)圖片息拜。

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市净响,隨后出現(xiàn)的幾起案子少欺,更是在濱河造成了極大的恐慌,老刑警劉巖馋贤,帶你破解...
    沈念sama閱讀 219,427評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件赞别,死亡現(xiàn)場離奇詭異,居然都是意外死亡配乓,警方通過查閱死者的電腦和手機(jī)仿滔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來犹芹,“玉大人崎页,你說我怎么就攤上這事⊙。” “怎么了飒焦?”我有些...
    開封第一講書人閱讀 165,747評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長盐固。 經(jīng)常有香客問我荒给,道長,這世上最難降的妖魔是什么刁卜? 我笑而不...
    開封第一講書人閱讀 58,939評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮曙咽,結(jié)果婚禮上蛔趴,老公的妹妹穿的比我還像新娘。我一直安慰自己例朱,他們只是感情好孝情,可當(dāng)我...
    茶點故事閱讀 67,955評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著洒嗤,像睡著了一般箫荡。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上渔隶,一...
    開封第一講書人閱讀 51,737評論 1 305
  • 那天羔挡,我揣著相機(jī)與錄音洁奈,去河邊找鬼。 笑死绞灼,一個胖子當(dāng)著我的面吹牛利术,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播低矮,決...
    沈念sama閱讀 40,448評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼印叁,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了军掂?” 一聲冷哼從身側(cè)響起轮蜕,我...
    開封第一講書人閱讀 39,352評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎蝗锥,沒想到半個月后肠虽,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,834評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡玛追,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,992評論 3 338
  • 正文 我和宋清朗相戀三年税课,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片痊剖。...
    茶點故事閱讀 40,133評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡韩玩,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出陆馁,到底是詐尸還是另有隱情找颓,我是刑警寧澤,帶...
    沈念sama閱讀 35,815評論 5 346
  • 正文 年R本政府宣布叮贩,位于F島的核電站击狮,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏益老。R本人自食惡果不足惜彪蓬,卻給世界環(huán)境...
    茶點故事閱讀 41,477評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望捺萌。 院中可真熱鬧档冬,春花似錦、人聲如沸桃纯。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽态坦。三九已至盐数,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間伞梯,已是汗流浹背玫氢。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評論 1 272
  • 我被黑心中介騙來泰國打工帚屉, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人琐旁。 一個月前我還...
    沈念sama閱讀 48,398評論 3 373
  • 正文 我出身青樓涮阔,卻偏偏與公主長得像,于是被迫代替她去往敵國和親灰殴。 傳聞我的和親對象是個殘疾皇子敬特,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,077評論 2 355