The National Holiday has passed, and the work has officially started today. I will continue to update the article here, hoping to provide some help for the development partners. If I can help you, I will be satisfied.
A small program for learning during the holidays. Welcome friends to pay attention to it. The code has been open source on gitHub:
The wind weather
The wind weather
2018.10.10 update:
Format the input field textInput:
Github.com/react-nativ…
2018.10.8 update:
Meituan’s open source ReactNative library has unified both Android and IOS, and its design idea is worth learning
Juejin. Cn/post / 684490…
Github.com/meituan/bee…
2018.9.25 update:
React-native uses ant Financial’s ANTD-Mobile component library tutorial
www.jianshu.com/p/029b6c6b5…
rn.mobile.ant.design/index-cn
2018.9.20 update:
Github.com/879479119/r… Set Android’s shadow display
Github.com/songxiaolia… User feedback
2018.9.7 update:
Add events to calendar:
Github.com/vonovak/rea…
2018.8.23 update:
Modify Android softModule dynamically:
react-native-android-keyboard-adjust
2018.8.9 update:
Resource list: github.com/reactnative…
js.coach/
2018.7.31 update:
Here’s a good list of React Native components and libraries:
reactnativeexample.com/
2018.7.27 update:
Several UI component libraries:
react-native-elements
NativeBase
react-native-ui-lib
www.jianshu.com/p/c7a8f115d…
Segmentfault.com/a/119000001…
React Native UI Component Library, with over 20 pure JS(ES6) components, focuses on content presentation and operational control.
Github.com/rilyu/tease…
2018.7.18 update:
Senior collated third party:
[www.jianshu.com/p/bb5f68a23]… www.jianshu.com/p/bb5f68a23…
Updated WebView for Android: React-native WebView-Android
With listView you can render content from the bottom
react-native-invertible-scroll-view
2018.7.5 update:
Grid layout:
www.npmjs.com/package/rea…
React-native -drag-to-sort-tags for performance optimization with draggable sorting
Github.com/bolan9999/r…
2018.6.26 update:
Network request Framework: github.com/niftylettuc…
www.hangge.com/blog/cache/…
Github.com/visionmedia…
2018.6.20 update:
An ios-style switch component for cross-platform platforms
Github.com/react-nativ…
SmartRefreshLayout based on Android github.com/scwang90/Sm… A plug-in developed to provide ios – like elastic refresh
Github.com/react-nativ…
2018.6.8 update:
Cross-platform database development components:
Github.com/andpor/reac…
Generate qr code:
Github.com/cssivision/…
Generate various charts:
Github.com/tomauty/rea…
Github.com/wuxudong/re…
Github.com/capitalone/…
React Native Implementation of Alipay wallet UI interface:
Github.com/superRaytin…
Integrated wechat functions:
Github.com/yorkie/reac…
The encapsulation of ListView/FlatList makes it easy to page-load network data, and supports custom pull-down refresh views and pull-up loading of more views
Github.com/geek-prince…
Time selection box
Github.com/xgfe/react-…
2018.6.7 update:
Hover button:
Github.com/mastermoo/r…
The react-native-modal-dropdown drop-down box control
Github.com/sohobloo/re…
Cross-three-terminal development module (Android/Ios/Web) + state management framework DVA
Github.com/blankapp/re…
2018.5.30 update:
React-native ID Scanning (Android)
www.npmjs.com/package/rea…
2018.5.11 update:
Load multiple images and add cache for quick viewing: react-native fast-image:
Github.com/DylanVann/r…
React Native SSH SFTP
www.jianshu.com/p/504a4b3ec…
React Native uses Baidu Echarts to display graphs:
www.jianshu.com/p/68cd9af0b…
2018.5.10 update:
Art-based SVG library :github.com/react-nativ…
2018.4.19 update:
15 interesting JavaScript and CSS libraries for February 2018:
www.jianshu.com/p/bee270f34…
React-native pull-refresh view: for Android and Ios
Github.com/reactnative…
React-native ADAPTS to iPhoneX
BBS. Reactnative. Cn/topic / 5418 /…
A ReactNative copy of NetEase News Demo:
Github.com/h406621397/…
React Native uses custom Iconfront:
Juejin. Cn/post / 684490…
2018.4.8 update:
Amap plugin: gitee.com/1148030615/…
Scaffolding: github.com/Murrayee/mu…
2018.3.6 update:
React Native development practical tips
www.jianshu.com/p/ccba80f34…
The React Native UI Lib is the most flexible UI control library
www.jianshu.com/p/c2771ff96…
An Android bullet screen plugin
Github.com/react-nativ…
react-native-baidumap-sdk
Similar to React-Native Amap3D, react-Native Amap3D implements:
Independent positioning module
Geocoding/inverse geocoding
Point aggregation component
Mastering React Native(React Native)
PDF version: Mastering React Native
Mastering React Native in Word
www.jianshu.com/u/3a2d89402…
2018.2.8 update:
React Native TTS is a text-to-speech library for React Native on iOS and Android.
Github.com/ak1394/reac…
2018.2.1 update:
SuperAgent is a popular third-party Ajax library that focuses on handling server/client HTTP requests.
Compared to existing request API libraries, SuperAgent is more lightweight, elegant, easy to read, and easy to learn.
Most importantly, it can be used with Node.js
GitHub homepage: github.com/visionmedia…
The original source: www.hangge.com reproduced please keep the original link: www.hangge.com/blog/cache/…
2018.1.25 update:
React Native Screen capture component
React Native screen capture component: The react-native view-shot is used to capture the current screen or the current page component. For example, if the current page has an image component or a view component, you can choose to capture the image component or view component. Supports iOS and Android.
2018.1.5 update
The tape:
react-native-audio
Github.com/jsierles/re…
Play:
react-native-sound
Github.com/zmxv/react-…
2018.1.4 update
The progress bar
Github.com/oblador/rea…
www.jianshu.com/u/c79c9f26d…
2017.12.28 update
Axios is a Promise-based HTTP library that can be used in browsers and Node.js.
Chinese document: www.kancloud.cn/yunye/axios…
English document: github.com/axios/axios…
Use: www.jianshu.com/p/df464b26a…
2017.12.25 update
Axios is a Promise-based HTTP library that can be used in browsers and Node.js.
www.kancloud.cn/yunye/axios…
2017.12.23 update
React -native-router-flux Routing framework
React -native-vector- ICONS Vector font library icon
Realm-js REALM database
React-native – i18N multilingual – internationalization plugin
React-native image-viewer Previews images
The react – native – modalbox modal dialog
react-native-spinkit loading
The react – native – (- the effects of input box
Url to parse the url parsing
2017.12.19 update
React Native Fake wechat Gender selection – Custom pop-up box
Geek college: wiki.jikexueyuan.com/project/rea…
2017.12.8 update
React Native supports loop, vertical and horizontal playback, and card display
Github.com/easyui/reac…
EZPlayer is a feature-rich, fast integration, customizable RN component
Github.com/easyui/reac…
2017.12.7 update
Github.com/JackPu/reac…
2017.11.28 update
react-native-popup-dialog
2017.11.23 update
React Native (Lottie – React – Native)
Open source project address :github.com/airbnb/lott…
2017.11.13 update
React Native learning Note 13 — The FlatList is loaded
Qr code scanning
react-native-smart-barcode
2017.10.26 update
React Native Gradient component React-native Linear-gradient
Making: github.com/react-nativ…
An image multiselector component, React-native -syan-image-picker
GitgHub react-native-syan-image-picker
2017.10.17 update
Chat components
aurora-imui-react-native
Please refer to: www.jianshu.com/p/3557b55db…
2017.10.11 update
Solve the keyboard occlusion problem
Github.com/APSL/react-…
2017.9.28 update
Github.com/cheng-kang/…
This is a running lantern that rolls from the bottom up.
For running lights that scroll from right to left, use react-native- lahK-marquee -label.
2017.9.27 update
react-native-keyboard-aware-scroll-view
Suitable for scrollView, ListView, FlatList, SectionList input box problem
Solve the keyboard blocking input box problem
Click the button to scroll the scrollView to the specified position
www.jianshu.com/p/e7f26851b…
2017.9.15 update
Reading PDF files
Github.com/wonday/reac…
Voice broadcast:
Github.com/somonus/rea…
2017.9.11 update
The switch switch
Github.com/shahen94/re…
Blank screen on IOS and Android
react-native-splash-screen
The side bar
Github.com/root-two/re…
Indexed classification list, address book, province address, etc
Github.com/rgovindji/r…
The React-Native stands on the shoulders of giants
www.cnblogs.com/skylor/p/57…
2017.8.29 update
React Native [Third-Party sharing], [third-party login]. Supported platforms: QQ, Qzone, wechat, Moments of friends, Sina Weibo, FaceBook… [Android and IOS dual Platforms]
Project address: github.com/songxiaolia…
Use: blog.csdn.net/u013718120/…
2017.8.22 update
Pull-down and pull-up refresh components based on FlatList
react-native-refresh-list-view
Countdown module
Github.com/ljunb/rn-co…
React-native AgORA is a live and video conferencing component based on AGORA (YY technical team)
Github.com/DBshaoYan/r…
Related resources article
Yq.aliyun.com/articles/78…
www.jianshu.com/p/53ff78168…
Stop blogging less
Scan the QR code
Github.com/MarnoDev/AC…
Check button –checkbox
Github.com/crazycodebo…
RadioButton -radioButton
Github.com/wayne214/re…
Makaidong.com/sinat_17775…
Persistent storage
Github.com/almost/reac…
Realm. IO/docs/react -…
Access permissions
Github.com/yonahforst/…
File upload
Github.com/eduedix/rea…
Photo:
Github.com/remobile/re…
Video recording:
Github.com/phuochau/re…
React-native Camera is a third-party open source library that allows you to call your device’s camera,
So as to realize the function of taking photos or recording videos.
The React-Native camera is powerful. You can choose which camera to use, whether to take photos or video, whether to record sound, whether to turn on flash, view ratio, shooting quality, shooting direction, touch function, bar code/QR code scanning, etc.
GitHub homepage: github.com/lwansbrough…
A fully functional React-Native Autord map kit:
Github.com/qiuxiang/re…
Lazyload in React Native
Github.com/magicismigh…
Image caching scheme:
Github.com/wcandillon/…
Github.com/remobile/re…
Github.com/MarnoDev/re…
Zooming pictures with gestures:
Github.com/ldn0x7dc/re…
Popbox – Fully covered pop-up layer
react-native-modalbox
Many reactNative third-party controls help you
Js. Coach/react – nativ…
The IOS or Android screen is blank
react-native-splash-screen
Toast Toast:
Github.com/remobile/re…
Github.com/crazycodebo…
Github.com/RazerTang/r…
Calendar control:
Github.com/airbnb/reac…
Github.com/wix/react-n…
www.npmjs.com/package/rea…
Encryption and decryption library:
crypto-js
Time selector
react-native-picker
Github.com/beefe/react…
Coordinate transformation
After processing, coordinate transformation may be used when using https://github.com/wandergis/coordtransform
The Button Button
Simple button control
Github.com/APSL/react-…
react-native-speech
Voice broadcast module
react-native-snap-carousel
Simple wheel box component with breaking effect for Android and iOS
System call, SMS, email, browser:
Three-party components: React -native communications
Address: github.com/anarchickni…
The readme. md site is very clear, and there are examples for reference, quite convenient, iOS and Android testing without problems
I highly recommend it
NPM install react-native swiper–save
Countdown: NPM install react-native-sk-countdown –save
React Native project common third-party components:
React-native uploader // Upload file to uploader
Github.com/aroth/react…
0.gif
Jpush-react-native // Official version
Github.com/jpush/jpush…
React Native jPush is developed and maintained by react Native Chinese.
Github.com/reactnative…
Pouchdb – react – native pouchdb plug-in
The react – native – animatable animation
The react – native – carousel wheel sow
The react – native – countdown countdown
Github.com/jackuhan/re… The countdown
React-native device-info Indicates the device information
The react-native fileupload file is uploaded
The react – native – the ICONS icon
Github.com/oblador/rea… icon
React -native-image-crop-picker image picker
React-native image-picker image picker
About the image selector configuration: www.cnblogs.com/shaoting/p/…
React-native keychain iOS Keychain management
React-native Picker Roller picker: React-native picker
React-native Picker-Android Android wheel picker
React-native refreshable-listView refreshes the list
React-native -scrollable-tab-view Allows scrolling tabs
The react – native – side side of the menu bar
The react – native – swiper shuffling
React-native video Displays videos
React-native viewpager paging browsing
React -native- Scrollable – Tab-view Slideable bottom or top navigation bar frame
React-native Tab-Navigator bottom or top navigation frame (non-slippable)
react-native-check-box CheckBox
React-native splash-screen Startup blank screen problem
React-native simple-router Indicates a simple route forward framework
React-native storage Persistent storage
The react – native – sortable – listview classification listview
React-native htmlView uses the HTML directory as a control of the local view, and its style can be customized
React-native Easy-Toast is an easy-to-use TOAST component that supports Android and ios.
TAB https://github.com/exponentjs/react-native-tab-navigator
Click open link
Material Component library (various beautiful widgets) github.com/xinthink/re…
Click open link
The base component library (all kinds of packaging good widget) nativebase. IO/docs/v0.4.6…
Github.com/GeekyAnts/N…
Click open link
Nice button
Github.com/mastermoo/r…
Github.com/ide/react-n…
Input box form validation
Github.com/gcanti/tcom…
Github.com/FaridSafi/r…
Github.com/bartonhammo…
Cool TextInput effect
Github.com/halilb/reac…
Github.com/zbtang/Reac…
chat
Github.com/FaridSafi/r…
The map
Github.com/lelandricha…
Github.com/lovebing/re…
animation
Github.com/oblador/rea…
Loading animation
Github.com/maxs15/reac…
Effect of the drawer
Github.com/root-two/re…
Github.com/react-nativ…
Slide the button
Github.com/dancormier/…
Github.com/jemise111/r…
The chart
Github.com/tomauty/rea…
The drop-down amplification
Github.com/lelandricha…
Sliding calendar component
Github.com/cqm1994617/…
Calendar pops up @IOS and Android
Github.com/wayne214/re…
Language conversion and some common format conversion
Github.com/joshswan/re…
Select one or more listViews
Github.com/hinet/react…
Select the button
Github.com/sconxu/reac…
Qr code
Github.com/ideacreatio…
Making a local library
Github.com/frostney/re…
Av related
Github.com/MisterAlex9…
Android recording
Github.com/bosung90/re…
Prompt message Bar
Github.com/KBLNY/react…
IOS native TableView
Github.com/aksonov/rea…
I’m gonna pop up view
Github.com/jeanregisse…
Github.com/instea/reac…
3D Touch
Github.com/madriska/re…
Dual platform compatible ActionSheet
Github.com/beefe/react…
Photo wall
Github.com/ldn0x7dc/re…
Keyboard occlusion problem
Github.com/reactnative…
Github.com/wix/react-n…
The local store
Github.com/sunnylqm/re…
The stars
Github.com/djchie/reac…
internationalization
Github.com/joshswan/re…
Scan the QR code
Github.com/lazaronixon…
The address book
Github.com/rt2zz/react…
encryption
www.npmjs.com/package/cry…
Cache management
Github.com/reactnative…
The optimization of ListView
Github.com/sghiassy/re…
Images and base64 interswitch
Github.com/xfumihiro/r…
Android iOS white screen solution
Github.com/mehcode/rn-…
Text Running horse light effect
Github.com/remobile/re…
Clear the input box for the button
Github.com/beefe/react…
The WebView associated
Github.com/alinz/react…
Judge vertical and horizontal screens
Github.com/yamill/reac…
Github.com/cnjon/react…
Obtaining Device Information
Github.com/rebeccahugh…
Gestures zoom in and out
Github.com/kiddkai/rea…
Github.com/johanneslum…
Pull-up-pull-refresh
Github.com/FaridSafi/r…
Github.com/jsdf/react-…
Github.com/greatbsky/r…
Pull-up load – Pull-down refresh
Github.com/wayne214/re…
The drop-down choice
Github.com/alinz/react…
Github.com/WheelerLee/…
Picture to view
Github.com/oblador/rea…
Pictures to choose
Github.com/marcshillin…
Github.com/ivpusic/rea…
Image loading progress bar
Github.com/oblador/rea…
By the view
Github.com/race604/rea…
Github.com/FuYaoDe/rea…
Github.com/appintheair…
Github.com/leecade/rea…
Modal view
Github.com/maxs15/reac…
Github.com/brentvatne/…
Github.com/bodyflex/re…
Frosted glass effect
Github.com/react-nativ…
Picture libraries
Github.com/oblador/rea…
Slide TAB
Github.com/skv-headles…
In the project directory, enter NPM I XXX save
www.jianshu.com/p/e3ee0ab1e…
React Native Fake wechat Gender selection – Custom pop-up box
Axios is a Promise-based HTTP library that can be used in browsers and Node.js.
react-native-progress
react-native-baidumap-sdk
Similar to React-Native Amap3D, react-Native Amap3D implements:
Independent positioning module
Geocoding/inverse geocoding
Point aggregation component
The React Native UI Lib is the most flexible UI control library
React Native development practical tips
Gitee.com/1148030615/…
Github.com/easyui/reac…