成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

frolc / 861人閱讀

摘要:寫在前面一個(gè)好的缺不了好的三方支持,生活在這個(gè)活躍的開源社區(qū),尋找合適的三方組件是一個(gè)開發(fā)者最基本的能力。下面分享幾個(gè)我收集的三方模塊,希望對大家有點(diǎn)幫助。

寫在前面

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

文件上傳 react-native-uploader

github地址:https://github.com/aroth/reac...

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

毛玻璃效果 react-native-blur

github 地址:https://github.com/react-nati...

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

圖片輪播

react-native-viewpager


GitHub 地址:https://github.com/race604/re...

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

react-native-looped-carousel

GitHub 地址:https://github.com/appintheai...

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

react-native-app-intro

GitHub 地址:https://github.com/FuYaoDe/re...

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

圖片選擇

react-native-image-picker

GitHub 地址:https://github.com/marcshilli...

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

react-native-image-crop-picker

GitHub 地址:https://github.com/ivpusic/re...

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

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

GitHub 地址:https://github.com/rebeccahug...

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

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

GitHub 地址:https://github.com/sghiassy/r...

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

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

github 地址:https://github.com/starknx/re...

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

手勢解鎖 react-native-gesture-password

GitHub 地址:https://github.com/SunflowerG...

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

GitHub 地址:https://github.com/starknx/re...

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

鍵盤遮擋問題解決

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

圖片查看 react-native-gallery

GitHub 地址:https://github.com/ldn0x7dc/r...

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

3D Touch react-native-quick-actions

GitHub 地址:https://github.com/madriska/r...

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

可滑動(dòng)的日歷組件 react-native-myCalendar

GitHub 地址:https://github.com/cqm1994617...

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

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

GitHub 地址:https://github.com/johanneslu...

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

下拉放大 react-native-parallax-view

GitHub 地址:https://github.com/lelandrich...

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

簡單圖表 react-native-chart

GitHub 地址:https://github.com/tomauty/re...

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

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

GitHub 地址:https://github.com/dancormier...

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

抽屜功能 react-native-drawer

GitHub 地址:https://github.com/root-two/r...

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

加載動(dòng)畫 react-native-spinkit

GitHub 地址:https://github.com/maxs15/rea...

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

登錄動(dòng)畫 react-native-login

GitHub 地址:https://github.com/brentvatne...

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

動(dòng)畫組件 react-native-animatable

GitHub 地址:https://github.com/oblador/re...

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

即時(shí)通訊

react-native-gifted-chat

GitHub 地址:https://github.com/FaridSafi/...

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

react-native-imUI

GitHub 地址:https://github.com/Ice-MT/rea...

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

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

GitHub 地址:https://github.com/halilb/rea...

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

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

GitHub 地址:https://github.com/FaridSafi/...

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

UI組件庫

NativeBase

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

在線文檔:http://nativebase.io/docs/v0....

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

shoutem

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

在線文檔:http://shoutem.github.io/docs...

評價(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-nati...

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

react-native-elements

github: https://github.com/react-nati...

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

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

react-native-ui-kitten

github: https://github.com/akveo/reac...

在線文檔:https://akveo.github.io/react...

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

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

歡迎關(guān)注我的個(gè)人博客 Jafeney

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/82257.html

相關(guān)文章

  • 如何使用ReactNative快速開發(fā)一個(gè)APP

    摘要:鑒于我平常使用的是系統(tǒng),就決定我只開發(fā)安卓客戶端,客戶端我們又招了一個(gè)小伙伴。一般來講,安卓系統(tǒng)是這一兩年市面上常用機(jī)型配置的系統(tǒng)。 從去年的10月份開始,我的大部分工作重心從傳統(tǒng)的前端開發(fā)轉(zhuǎn)向了使用ReactNative開發(fā)APP,在這個(gè)過程當(dāng)中,走過了不少彎路,也遇到了一些技術(shù)相關(guān)的問題,但總算沒有辜負(fù)那些對我信任的人。經(jīng)歷過痛苦和無助,終于堅(jiān)持了下來,一個(gè)月的時(shí)間把產(chǎn)品成功部署上...

    taowen 評論0 收藏0
  • ReactNative工程搭建和改造

    摘要:官方教程,中文教程。也可使用根據(jù)提示對工程進(jìn)行轉(zhuǎn)原生混合方式,應(yīng)該不能逆轉(zhuǎn)吧。這時(shí)工程項(xiàng)目已經(jīng)初步完成。我實(shí)際工作中遇到很多類似報(bào)的頭文件未找到的問題。到此,工程的基本改造完成,盡情使用安裝第三方原生依賴吧。官方教程,中文教程。網(wǎng)上也有很多其他資料,可自行搜索。 兩種教程里都提到2種方式:沙盒方式(expo)、與原生混合(Native Code),他們的區(qū)別在于是否會編寫原生代碼。expo方...

    Fourierr 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<