寫在前面
一個(gè)好的App缺不了好的三方支持,生活在ReactNative這個(gè)活躍的開源社區(qū),尋找合適的三方組件是一個(gè)開發(fā)者最基本的能力甜奄。不過不積跬步柠横,無以至千里,不積小流贺嫂,無以成江海滓鸠。下面分享幾個(gè)我收集的三方模塊,希望對大家有點(diǎn)幫助第喳。
github地址:https://github.com/aroth/react-native-uploader
評價(jià):支持多圖上傳和上傳進(jìn)度顯示糜俗,demo比較粗糙。項(xiàng)目已經(jīng)停止更新 4個(gè)月
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è)問題
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è)功能適合帶圖片的詳情頁
GitHub 地址:https://github.com/tomauty/react-native-chart
評價(jià):比較成熟的項(xiàng)目甫煞,放心使用
GitHub 地址:https://github.com/dancormier/react-native-swipeout
評價(jià):如果放在水平滾動的容器里會有BUG
GitHub 地址:https://github.com/root-two/react-native-drawer
評價(jià):實(shí)際使用過,性能還不錯(cuò)冠绢,可放心使用
GitHub 地址:https://github.com/maxs15/react-native-spinkit
評價(jià):比較有趣的動畫抚吠,為項(xiàng)目添彩
GitHub 地址:https://github.com/brentvatne/react-native-login
評價(jià):動畫為mp4格式
GitHub 地址:https://github.com/oblador/react-native-animatable
評價(jià):為元素添加靈動感,比較實(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ù)雜的表單
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í)