十一假期已通過去了,今天正式開工了,這裏的文章我會持續進行更新,但願爲開發的小夥伴們提供點幫助,若是能幫到大家,我就心滿意足了。css
十一假期學習擼了一個小程序,歡迎各位朋友進行關注,代碼已經在gitHub上開源:html
清風天氣node
清風天氣react
2018.10.10更新:android
格式化輸入框textInput:ios
2018.10.8更新:github
美團開源的ReactNative庫,作了Android和IOS兩端的統一,其設計思想值得你們學習一下web
2018.9.25更新:
react-native使用螞蟻金服的antd-mobile組件庫教程
2018.9.20更新:
github.com/879479119/r… 設置Android的陰影顯示
2018.9.7更新:
添加事件到日曆:
2018.8.23更新:
動態修改Android的softmodule:
react-native-android-keyboard-adjust
2018.8.9更新:
2018.7.31更新:
推薦一個不錯的React Native 組件和庫的資源列表:
2018.7.27更新:
幾個UI組件庫:
react-native-elements
NativeBase
react-native-ui-lib
React Native UI 組件庫, 超過 20 個純 JS(ES6) 組件, 專一於內容展現和操做控制。
2018.7.18更新:
前輩整理的第三方:
[www.jianshu.com/p/bb5f68a23…]www.jianshu.com/p/bb5f68a23…
升級版的webview用於安卓平臺:react-native-webview-android
和listview搭配能夠進行 內容從底部開始進行渲染
react-native-invertible-scroll-view
2018.7.5更新:
網格佈局:
性能優化的可拖動排序的標籤組件react-native-drag-to-sort-tags
2018.6.26更新:
網絡請求框架:github.com/niftylettuc…
2018.6.20更新:
一個IOS樣式的跨平臺(cross-platform)平臺的switch組件
基於android SmartRefreshLayout github.com/scwang90/Sm… 開發的插件,可提供相似ios的彈性刷新
2018.6.8更新:
跨平臺數據庫開發組件:
生成二維碼:
生成各種圖表:
基於 React Native 實現的支付寶錢包 UI 界面:
集成微信功能:
對ListView/FlatList的封裝,能夠很方便的分頁加載網絡數據,還支持自定義下拉刷新View和上拉加載更多的View
時間選擇框
2018.6.7更新:
懸浮效果的按鈕:
下拉框控件react-native-modal-dropdown
跨三端開發模塊(Android/Ios/Web)+ 狀態管理框架dva
2018.5.30更新:
react-native 身份證掃描(Android版)
2018.5.11更新:
加載多張圖片,並添加緩存,快速瀏覽:react-native-fast-image:
React Native SSH SFTP 組件:
React Native使用百度Echarts顯示圖表:
2018.5.10更新:
基於ART的SVG庫:github.com/react-nativ…
2018.4.19更新:
2018 年 2 月 15 個有意思的 JavaScript 和 CSS 庫:
react-native-pull-refresh-view:適配Android和Ios
react-native適配iPhoneX 目前最簡單的方法:
bbs.reactnative.cn/topic/5418/…
一個ReactNative仿網易新聞的Demo:
React Native如何使用自定義的iconfront:
2018.4.8更新:
高德地圖插件: gitee.com/1148030615/…
2018.3.6更新:
React Native開發實用技巧
最靈活的UI控件庫:React Native UI Lib
一個android彈幕插件
react-native-baidumap-sdk
與 react-native-amap3d 類似,除此以外還實現了:
獨立定位模塊
地理編碼/逆地理編碼
點聚合組件
Mastering React Native(React Native高級教程電子書)
PDF版:Mastering React Native
Word版:Mastering React Native
2018.2.8更新:
React Native TTS is a text-to-speech library for React Native on iOS and Android.
2018.2.1更新:
SuperAgent 是一個流行的第三方 Ajax 庫,專一於處理服務端/客戶端的 http 請求。
對比現存的各類請求 API 庫,SuperAgent 更加輕量、優雅、易讀、易學。
最重要的是它能夠用於 Node.js
GitHub 主頁地址:github.com/visionmedia…
原文出自:www.hangge.com 轉載請保留原文連接:www.hangge.com/blog/cache/…
2018.1.25更新:
React Native 截屏組件
React Native 截屏組件:react-native-view-shot,能夠截取當前屏幕或者按照當前頁面的組件來選擇截取,如當前頁面有一個圖片組件,一個View組件,能夠選擇截取圖片組件或者View組件。支持iOS和安卓。
2018.1.5更新
錄音:
react-native-audio
播放:
react-native-sound
2018.1.4更新
進度條
2017.12.28更新
Axios 是一個基於 promise 的 HTTP 庫,能夠用在瀏覽器和 node.js 中。
中文文檔:www.kancloud.cn/yunye/axios…
使用:www.jianshu.com/p/df464b26a…
2017.12.25更新
Axios 是一個基於 promise 的 HTTP 庫,能夠用在瀏覽器和 node.js 中。
2017.12.23更新
react-native-router-flux 路由框架
react-native-vector-icons 矢量字體庫圖標
realm-js realm 數據庫
react-native-i18n 多語言-國際化插件
react-native-image-viewer 圖片預覽
react-native-modalbox 模態框
react-native-spinkit loading
react-native-textinput-effects 輸入框
url-parse url解析
2017.12.19更新
react native仿微信性別選擇-自定義彈出框
極客學院:wiki.jikexueyuan.com/project/rea…
2017.12.8更新
react native 輪播組件:支持循環,橫豎輪播,支持卡片樣式顯示
基於EZPlayer封裝的視頻播放器,功能豐富,快速集成,可定製性強的rn組件
2017.12.7更新
2017.11.28更新
react-native-popup-dialog
2017.11.23更新
React Native開源特效動畫封裝庫模塊(lottie-react-native)
開源項目地址:github.com/airbnb/lott…
2017.11.13更新
react native學習筆記13——FlatList上拉加載
二維碼掃描
react-native-smart-barcode
2017.10.26更新
react native 漸變組件 react-native-linear-gradient
github: github.com/react-nativ…
一個圖片多選組件 react-native-syan-image-picker
GitgHub react-native-syan-image-picker
2017.10.17更新
聊天組件
aurora-imui-react-native
使用請參考:www.jianshu.com/p/3557b55db…
2017.10.11更新
解決鍵盤遮擋問題
2017.9.28更新
這是一個從下向上滾動的跑馬燈。
若是須要從右往左滾動的跑馬燈,請使用react-native-lahk-marquee-label。
2017.9.27更新
react-native-keyboard-aware-scroll-view
適用於 scrollView、ListView、FlatList、SectionList 上有輸入框的問題
解決鍵盤擋住輸入框問題
點擊按鈕讓scrollView滾動到指定位置
2017.9.15 更新
讀取PDF文件
語音播報:
2017.9.11 更新
switch 開關
IOS和Android白屏
react-native-splash-screen
側滑欄
帶索引的分類列表,通信錄,省市地址等
react-native之站在巨人的肩膀上
2017.8.29 更新
React Native 【 第三方分享 】、【 第三方登陸 】. 支持平臺:QQ、QQ空間、微信、朋友圈、新浪微博、FaceBook... 【 Android、 IOS 雙平臺 】
2017.8.22 更新
基於FlatList的下拉、上拉刷新組件
react-native-refresh-list-view
倒計時組件
react-native-agora 基於Agora(YY技術團隊)直播,視頻會議組件
相關資源文章
少停的博客分享
掃描二維碼
複選按鈕--checkbox
單選按鈕-radioButton
持久化存儲
獲取權限
文件上傳
拍照:
視頻錄製:
react-native-camera是一個第三方的開源庫,咱們能夠經過它來調用設備的攝像頭,
從而實現拍照、或者錄像功能。
react-native-camera功能強大,咱們能夠選擇使用哪一個攝像頭、是拍照仍是錄像、是否錄製聲音、是否開啓閃光燈、視圖比例、拍攝質量、拍攝方向、觸摸功能、條形碼/二維碼掃描等等。
GitHub主頁地址:github.com/lwansbrough…
一個功能完善的 react-native 高德地圖組件:
React Native中的懶加載(lazyload)
圖片緩存方案:
手勢縮放圖片:
彈框-全遮蓋的彈出層
react-native-modalbox
諸多reactNative第三方控件,助你們一臂之力
IOS or Android白屏問題
react-native-splash-screen
Toast吐司:
日曆控件:
加解密庫:
crypto-js
時間選擇器
react-native-picker
座標轉換
之後處理座標轉換可能會用到的,用到的時候再看https://github.com/wandergis/coordtransform
Button按鈕
簡單的按鈕控件
react-native-speech
語音播報組件
react-native-snap-carousel
簡單的輪播框組件,帶有斷裂效果,應用於Android和iOS
調用系統的電話、短信、郵件、瀏覽器:
三方組件:react-native-communications
網址裏面的 README.md 寫的很是的清楚,並且還有例子可供參考,至關方便,iOS和Android親測沒有問題
強烈推薦你們看一下
輪播圖:npm install react-native-swiper--save
倒計時:npm install react-native-sk-countdown --save
React Native 項目經常使用第三方組件彙總:
react-native-uploader //文件上傳
0.gif
jpush-react-native //官方版本
react-native-jpush 由 React Native 中文網開發維護。
pouchdb-react-native pouchdb插件
react-native-animatable 動畫
react-native-carousel 輪播
react-native-countdown 倒計時
react-native-device-info 設備信息
react-native-fileupload 文件上傳
react-native-icons 圖標
react-native-image-crop-picker 圖片選擇器
react-native-image-picker 圖片選擇器
關於圖片選擇器的配置:www.cnblogs.com/shaoting/p/…
react-native-keychain iOS KeyChain管理
react-native-picker滾輪選擇器:react-native-picker
react-native-picker-Android Android 滾輪選擇器
react-native-refreshable-listview 可刷新列表
react-native-scrollable-tab-view 可滾動標籤
react-native-side-menu 側欄
react-native-swiper 輪播
react-native-video 視頻播放
react-native-viewpager 分頁瀏覽
react-native-scrollable-tab-view 可滑動的底部或上部導航欄框架
react-native-tab-navigator 底部或上部導航框架(不可滑動)
react-native-check-box CheckBox
react-native-splash-screen 啓動白屏問題
react-native-simple-router 簡易路由跳轉框架
react-native-storage 持久化存儲
react-native-sortable-listview 分類ListView
react-native-htmlview 將 HTML 目錄做爲本地視圖的控件,其風格能夠定製
react-native-easy-toast 一款簡單易用的 Toast 組件,支持 Android&iOS.
選項卡https://github.com/exponentjs/react-native-tab-navigator
點擊打開連接
material組件庫(各類漂亮的小組件)github.com/xinthink/re…
點擊打開連接
base組件庫(各類封裝不錯的小組件)nativebase.io/docs/v0.4.6…
點擊打開連接
不錯的按鈕
輸入框表單驗證
炫酷效果的 TextInput
聊天
地圖
動畫
加載動畫
抽屜效果
側滑按鈕
圖表
下拉放大
可滑動的日曆組件
日曆彈出@IOS和Android
語言轉化和一些經常使用格式轉換
單選多選ListView
選擇按鈕
二維碼
製做本地庫
影音相關
安卓錄音
提示消息的Bar
iOS原生TableView
點擊彈出視圖
3D Touch
雙平臺兼容的ActionSheet
照片牆
鍵盤遮擋問題
本地存儲
星星
國際化
掃描二維碼
通信錄
加密
緩存管理
ListView的優化
圖片和base64互轉
安卓 iOS 白屏解決
Text跑馬燈效果
清除按鈕的輸入框
WebView相關
判斷橫豎屏
獲取設備信息
手勢放大縮小移動
下拉-上拉-刷新
上拉加載-下拉刷新
下拉選擇
圖片查看
照片選擇
圖片加載進度條
輪播視圖
模態視圖
毛玻璃效果
頭像庫
滑動選項卡
工程目錄下終端輸入 npm i XXX save
react native仿微信性別選擇-自定義彈出框
Axios 是一個基於 promise 的 HTTP 庫,能夠用在瀏覽器和 node.js 中。
react-native-progress
react-native-baidumap-sdk
與 react-native-amap3d 類似,除此以外還實現了:
獨立定位模塊
地理編碼/逆地理編碼
點聚合組件
最靈活的UI控件庫:React Native UI Lib
React Native開發實用技巧