Summary of common third-party components in React Native projects

http://www.jianshu.com/p/18fd4b438958

https://www.jianshu.com/p/bb5f68a236d3

Summary of common third-party components for React Native projects:

 

react-native-animatable animation

 

react-native-carousel 轮播

 

react-native-countdown countdown

 

react-native-device-info device info

 

react-native-fileupload file upload

 

react-native-icons icons

 

react-native-image-picker image picker

 

react-native-keychain iOS KeyChain管理

 

react-native-picker wheel picker

 

react-native-picker-android Android wheel picker

 

react-native-refreshable-listview Refreshable list

 

react-native-scrollable-tab-view scrollable tabs

 

react-native-side-menu 侧栏

 

react-native-swiper 轮播

 

react-native-video video playback

 

react-native-viewpager paged browsing

 

react-native-scrollable-tab-view swipeable bottom or top navbar frame

 

react-native-tab-navigator bottom or top navigation frame (not swipeable)

 

react-native-check-box         CheckBox

 

react-native-splash-screen start white screen problem

 

react-native-simple-router Simple routing jump framework

 

react-native-storage persistent storage

 

react-native-sortable-listview Category ListView

react-native-htmlview uses HTML directory as the 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 & iOS.

 

 

Tabs https://github.com/exponentjs/react-native-tab-navigator



material component library (all kinds of beautiful small components) https://github.com/xinthink/react-native-material-kit


base component library (all kinds of small components with good packaging) http://nativebase.io/docs/ v0.4.6/components#anatomy
https://github.com/GeekyAnts/NativeBase



nice button
https://github.com/mastermoo/react-native-action-button
https://github.com/ide/react- native-button


input box form validation
https://github.com/gcanti/tcomb-form-native
https://github.com/FaridSafi/react-native-gifted-form
https://github.com/bartonhammond/snowflake


TextInput with cool effects
https://github.com/halilb/react-native-textinput-effects
https://github.com/zbtang/React-Native-TextInputLayout


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


map
https://github.com/lelandrichardson/react-native-maps


animation
https://github.com/oblador/react-native-animatable


loading animation
https://github.com/maxs15/react-native-spinkit


drawer effect
https://github.com/root-two/react-native-drawer
https://github.com/react-native-fellowship/react-native-side-menuSide


Slider Button
https://github.com/dancormier /react-native-swipeout
https://github.com/jemise111/react-native-swipe-list-view


chart
https://github.com/tomaty/react-native-chart


drop down to zoom
https://github.com /lelandrichardson/react-native-parallax-view


calendar component
https://github.com/cqm1994617/react-native-myCalendar

https://github.com/vczero/react-native-calendar


language conversion and some common format conversion
https://github.com/joshswan/react-native-globalize


single-select multi-select ListView
https://github.com/ hinet/react-native-checkboxlist


select button
https://github.com/sconxu/react-native-checkbox


QR code
https://github.com/ideacreation/react-native-barcodescanner


make native library
https://github .com/frostney/react-native-create-library


Audio and video related
https://github.com/MisterAlex95/react-native-record-sound


Android recording
https://github.com/bosung90/react-native-audio-android


Reminder message bar
https://github.com/KBLNY/react-native-message-bar


iOS native TableView
https://github.com/aksonov/react-native-tableview


Click popup view
https://github.com/jeanregisser/react-native-popover
https://github.com/instea/react-native-popup-menu


3D Touch
https://github.com/madriska/react-native -quick-actions


dual-platform compatible ActionSheet
https://github.com/beefe/react-native-actionsheet


photo wall
https://github.com/ldn0x7dc/react-native-gallery


keyboard occlusion problem
https://github. com/reactnativecn/react-native-inputscrollview
https://github.com/wix/react-native-keyboard-aware-scrollview


local storage
https://github.com/sunnylqm/react-native-storage


stars
https:// github.com/djchie/react-native-star-rating


internationalization
https://github.com/joshswan/react-native-globalize


Scan QR code
https://github.com/lazaronixon/react-native-qrcode-readerContactshttps://github.com/rt2zz/react-native-contactscryptohttps://www.npmjs.com/package/crypto-js


_
_


_
_

 

 

Cache management
https://github.com/reactnativecn/react-native-http-cache


ListView optimization
https://github.com/sghiassy/react-native-sglistview


image and base64 conversion
https://github.com/ xfumihiro/react-native-image-to-base64


Android iOS white screen solution
https://github.com/mehcode/rn-splash-screen


Text marquee effect
https://github.com/remobile/react-native-marquee -label


clear button input box
https://github.com/beefe/react-native-textinput


WebView related
https://github.com/alinz/react-native-webview-bridge


judge horizontal and vertical screen
https://github. com/yamill/react-native-orientation


PDF
https://github.com/cnjon/react-native-pdf-view


Get device info
https://github.com/rebeccahughes/react-native-device-info


gesture zoom in zoom out move
https://github.com/kiddkai/react-native-gestures
https://github.com/johanneslumpe/react-native- gesture-recognizers


pull down - pull up - refresh
https://github.com/FaridSafi/react-native-gifted-listview
https://github.com/jsdf/react-native-refreshable-listview
https://github.com /greatbsky/react-native-pull/wiki


dropdown select
https://github.com/alinz/react-native-dropdown


image view
https://github.com/oblador/react-native-lightbox


photo select
https:// github.com/marcshilling/react-native-image-picker
https://github.com/ivpusic/react-native-image-crop-picker


image loading progress bar
https://github.com/oblador/react-native-image-progress


carousel view
https://github.com/race604/react-native-viewpager
https://github.com/FuYaoDe/react-native-app -intro
https://github.com/appintheair/react-native-looped-carousel
https://github.com/leecade/react-native-swiper


modal view
https://github.com/maxs15/react-native -modalbox
https://github.com/brentvatne/react-native-modal
https://github.com/bodyflex/react-native-simple-modal


frosted glass effect
https://github.com/react-native-fellowship/ react-native-blur


avatar library
https://github.com/oblador/react-native-vector-icons


Sliding tabs
https://github.com/skv-headless/react-native-scrollable-tab-view

 

 

A ScrollView-like component that:
Has a parallax header
Has an optional sticky header
Is composable with any component that expects a ScrollView (e.g. ListView or InfiniteScrollView)
Can be nested within other views
Works on iOS and Android

react-native-parallax-scroll-view

 

encrypt crypto-js

https://github.com/brix/crypto-js

 

React-native-htmlview
https://github.com/jsdf/react-native-htmlview

 

In the terminal under the project directory, enter npm i XXX save

 

Additional link:

https://github.com/jondot/awesome-react-native

https://github.com/MarnoDev/react-native-open-project

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325555353&siteId=291194637