ReactNative開發(fā)常用的三方模塊

寫在前面

一個(gè)好的App缺不了好的三方支持,生活在ReactNative這個(gè)活躍的開源社區(qū),尋找合適的三方組件是一個(gè)開發(fā)者最基本的能力甜奄。不過不積跬步柠横,無以至千里,不積小流贺嫂,無以成江海滓鸠。下面分享幾個(gè)我收集的三方模塊,希望對大家有點(diǎn)幫助第喳。

文件上傳react-native-uploader

github地址:https://github.com/aroth/react-native-uploader

評價(jià):支持多圖上傳和上傳進(jìn)度顯示糜俗,demo比較粗糙。項(xiàng)目已經(jīng)停止更新 4個(gè)月

毛玻璃效果react-native-blur

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

評價(jià):星星比較多曲饱,支持3種常見的毛玻璃效果悠抹,不錯(cuò)的組件。

圖片輪播

react-native-viewpager

GitHub 地址:https://github.com/race604/react-native-viewpager

評價(jià):實(shí)際使用過扩淀,輪播效果比較普通楔敌,算比較實(shí)用吧

react-native-looped-carousel

GitHub 地址:https://github.com/appintheair/react-native-looped-carousel

評價(jià):demo比較精致,可以嘗試

react-native-app-intro

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

評價(jià):星星比較多驻谆,適合做App進(jìn)入的引導(dǎo)頁

圖片選擇

react-native-image-picker

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

評價(jià):實(shí)際使用過卵凑,功能強(qiáng)大,兼容性好胜臊。但是不支持多圖

react-native-image-crop-picker

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

評價(jià):功能類似勺卢,但支持多圖

獲取設(shè)備信息react-native-device-info

GitHub 地址:https://github.com/rebeccahughes/react-native-device-info

評價(jià):文檔比較細(xì)致,算是靠譜的組件

ListView優(yōu)化替代組件react-native-sglistview

GitHub 地址:https://github.com/sghiassy/react-native-sglistview

評價(jià):用法簡單象对,可以減小ListView運(yùn)行占用的內(nèi)存

二維碼識別react-native-qrcode-reader

github 地址:https://github.com/starknx/react-native-qrcode-reader

評價(jià):比較實(shí)用的功能

手勢解鎖react-native-gesture-password

GitHub 地址:https://github.com/SunflowerGJ/react-native-gesture-password

評價(jià):為App添彩的功能

GitHub 地址:https://github.com/starknx/react-native-qrcode-reader

評價(jià): 星星比較少黑忱,項(xiàng)目1年未更新,謹(jǐn)慎使用

鍵盤遮擋問題解決

評價(jià):新版RN的KeyboardAvoidingView組件可以解決這個(gè)問題

圖片查看react-native-gallery

GitHub 地址:https://github.com/ldn0x7dc/react-native-gallery

評價(jià):支持輪播和 放大查看

3D Touchreact-native-quick-actions

GitHub 地址:https://github.com/madriska/react-native-quick-actions

評價(jià):為App添彩的功能勒魔,但不是必須的

可滑動的日歷組件react-native-myCalendar

GitHub 地址:https://github.com/cqm1994617/react-native-myCalendar

評價(jià):demo 耦合性略高

可拖拽元素react-native-gesture-recognizers

GitHub 地址:https://github.com/johanneslumpe/react-native-gesture-recognizers

評價(jià):比較有趣的功能

下拉放大react-native-parallax-view

GitHub 地址:https://github.com/lelandrichardson/react-native-parallax-view

評價(jià):這個(gè)功能適合帶圖片的詳情頁

簡單圖表react-native-chart

GitHub 地址:https://github.com/tomauty/react-native-chart

評價(jià):比較成熟的項(xiàng)目甫煞,放心使用

側(cè)滑按鈕react-native-swipeout

GitHub 地址:https://github.com/dancormier/react-native-swipeout

評價(jià):如果放在水平滾動的容器里會有BUG

抽屜功能react-native-drawer

GitHub 地址:https://github.com/root-two/react-native-drawer

評價(jià):實(shí)際使用過,性能還不錯(cuò)冠绢,可放心使用

加載動畫react-native-spinkit

GitHub 地址:https://github.com/maxs15/react-native-spinkit

評價(jià):比較有趣的動畫抚吠,為項(xiàng)目添彩

登錄動畫react-native-login

GitHub 地址:https://github.com/brentvatne/react-native-login

評價(jià):動畫為mp4格式

動畫組件react-native-animatable

GitHub 地址:https://github.com/oblador/react-native-animatable

評價(jià):為元素添加靈動感,比較實(shí)用

即時(shí)通訊

react-native-gifted-chat

GitHub 地址:https://github.com/FaridSafi/react-native-gifted-chat

評價(jià):支持發(fā)送位置和圖片

react-native-imUI

GitHub 地址:https://github.com/Ice-MT/react-native-imUI

評價(jià):從項(xiàng)目里抽取出來的demo弟胀,UI做的挺萌埃跷,有發(fā)送語音功能

精致的輸入框react-native-textinput-effects

GitHub 地址:https://github.com/halilb/react-native-textinput-effects

評價(jià):為項(xiàng)目添彩的功能

表單驗(yàn)證react-native-gifted-form

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

評價(jià):比較實(shí)用,適合用在復(fù)雜的表單

UI組件庫

NativeBase

github:https://github.com/GeekyAnts/NativeBase

在線文檔:http://nativebase.io/docs/v0.4.6/components#anatomy

評價(jià):組件比較多邮利,不過設(shè)計(jì)風(fēng)格一般

shoutem

團(tuán)隊(duì)github:https://github.com/shoutem

在線文檔:http://shoutem.github.io/docs/ui-toolkit/introduction

評價(jià):組件豐富,設(shè)計(jì)風(fēng)格酷炫垃帅、團(tuán)隊(duì)也比較牛逼

Teaset

github:https://github.com/rilyu/teaset

評價(jià):國人作品延届,組件豐富,設(shè)計(jì)風(fēng)格簡約贸诚,比較適宜新手實(shí)用吧

react-native-material-design

GitHub 地址:https://github.com/react-native-material-design/react-native-material-design

評價(jià):純js編寫方庭,沒有依賴厕吉,demo用的是Android

react-native-elements

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

在線文檔:http://react-native-material-design.github.io/

評價(jià):ReactNative作者操刀領(lǐng)導(dǎo)的作品,值得擁有

react-native-ui-kitten

github:https://github.com/akveo/react-native-ui-kitten

在線文檔:https://akveo.github.io/react-native-ui-kitten/articles/getting-started/

評價(jià):一個(gè)酷炫簡單的App組件Demo械念,適合新手學(xué)習(xí)

@參考:React Native 項(xiàng)目常用第三方組件匯總

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末头朱,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子龄减,更是在濱河造成了極大的恐慌项钮,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,941評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件希停,死亡現(xiàn)場離奇詭異烁巫,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)宠能,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評論 3 395
  • 文/潘曉璐 我一進(jìn)店門亚隙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人违崇,你說我怎么就攤上這事阿弃。” “怎么了羞延?”我有些...
    開封第一講書人閱讀 165,345評論 0 356
  • 文/不壞的土叔 我叫張陵渣淳,是天一觀的道長。 經(jīng)常有香客問我肴楷,道長水由,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,851評論 1 295
  • 正文 為了忘掉前任赛蔫,我火速辦了婚禮砂客,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘呵恢。我一直安慰自己鞠值,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,868評論 6 392
  • 文/花漫 我一把揭開白布渗钉。 她就那樣靜靜地躺著彤恶,像睡著了一般。 火紅的嫁衣襯著肌膚如雪鳄橘。 梳的紋絲不亂的頭發(fā)上声离,一...
    開封第一講書人閱讀 51,688評論 1 305
  • 那天,我揣著相機(jī)與錄音瘫怜,去河邊找鬼术徊。 笑死,一個(gè)胖子當(dāng)著我的面吹牛鲸湃,可吹牛的內(nèi)容都是我干的赠涮。 我是一名探鬼主播子寓,決...
    沈念sama閱讀 40,414評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼笋除!你這毒婦竟也來了斜友?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,319評論 0 276
  • 序言:老撾萬榮一對情侶失蹤垃它,失蹤者是張志新(化名)和其女友劉穎鲜屏,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體嗤瞎,經(jīng)...
    沈念sama閱讀 45,775評論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡墙歪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了贝奇。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片虹菲。...
    茶點(diǎn)故事閱讀 40,096評論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖掉瞳,靈堂內(nèi)的尸體忽然破棺而出毕源,到底是詐尸還是另有隱情,我是刑警寧澤陕习,帶...
    沈念sama閱讀 35,789評論 5 346
  • 正文 年R本政府宣布霎褐,位于F島的核電站,受9級特大地震影響该镣,放射性物質(zhì)發(fā)生泄漏冻璃。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,437評論 3 331
  • 文/蒙蒙 一损合、第九天 我趴在偏房一處隱蔽的房頂上張望省艳。 院中可真熱鬧,春花似錦嫁审、人聲如沸跋炕。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽辐烂。三九已至,卻和暖如春捂贿,著一層夾襖步出監(jiān)牢的瞬間纠修,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評論 1 271
  • 我被黑心中介騙來泰國打工厂僧, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留分瘾,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,308評論 3 372
  • 正文 我出身青樓,卻偏偏與公主長得像德召,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子汽纤,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,037評論 2 355

推薦閱讀更多精彩內(nèi)容