├── Internationalization.md ├── Data.md ├── Tutorial.md ├── NetWork.md ├── Camera.md ├── Switch.md ├── Table.md ├── StarRating.md ├── Loading.md ├── ComonTools.md ├── WebView.md ├── Qrcode.md ├── Fab.md ├── Slider.md ├── Radio.md ├── Keyboard.md ├── Welcome.md ├── Text.md ├── Layout.md ├── CheckBox.md ├── CardView.md ├── Util.md ├── Media.md ├── Redux.md ├── Open-Source-Project.md ├── Chart.md ├── Dialog.md ├── Progress.md ├── Bar.md ├── Map.md ├── ListView.md ├── Navigation.md ├── Toast.md ├── IntegratedComponent.md ├── Animation.md ├── RecyclerView.md ├── Button.md ├── Menu.md ├── Calendar.md ├── ViewPager.md ├── README.md ├── ImageProcessing.md ├── TextInput.md └── PopupWindow.md /Internationalization.md: -------------------------------------------------------------------------------- 1 | ## Internationalization 2 | 3 | 项目名:react-native-i18n
4 | git地址:https://github.com/AlexanderZaytsev/react-native-i18n
5 | 解释:
6 | 各种语言切换库 7 |
8 | -------------------------------------------------------------------------------- /Data.md: -------------------------------------------------------------------------------- 1 | ## Data 2 | 3 | 4 | ### 各类收纳 5 | 6 | https://github.com/jondot/awesome-react-native
7 | 解释:Awesome React Native components, news, tools, and learning material! http://www.awesome-react-native.com 8 |
9 | -------------------------------------------------------------------------------- /Tutorial.md: -------------------------------------------------------------------------------- 1 | ## Tutorial
2 | 3 | ### redux相关
4 | 项目名:redux-simple-tutorial
5 | git地址:https://github.com/kenberkeley/redux-simple-tutorial
6 | 描述:
7 | Redux 莞式教程。本教程深入浅出,配套入门、进阶源码解读以及文档注释丰满的 Demo 等一条龙服务
8 | -------------------------------------------------------------------------------- /NetWork.md: -------------------------------------------------------------------------------- 1 | ## NetWork
2 | 3 | 4 | 5 | 项目名:react-native-fetch-blob
6 | git地址:https://github.com/wkh237/react-native-fetch-blob
7 | 预览:
8 | 9 | -------------------------------------------------------------------------------- /Camera.md: -------------------------------------------------------------------------------- 1 | ## Camera 2 | 3 | 4 | 项目名:react-native-camera
5 | git地址:https://github.com/lwansbrough/react-native-camera
6 | 预览:
7 | 8 |
9 | -------------------------------------------------------------------------------- /Switch.md: -------------------------------------------------------------------------------- 1 | ## Switch
2 | 3 | https://github.com/App2Sales/react-native-switch-selector
4 | 解释:Switch Selector for React Native 5 |
6 | 预览:
7 | 8 |
9 | -------------------------------------------------------------------------------- /Table.md: -------------------------------------------------------------------------------- 1 | ## Table
2 | 3 | https://github.com/Gil2015/react-native-table-component
4 | 预览:
5 | 6 |
7 | 解释:Build table for react native 8 |
9 | -------------------------------------------------------------------------------- /StarRating.md: -------------------------------------------------------------------------------- 1 | ## StarRating
2 | 3 | https://github.com/djchie/react-native-star-rating
4 | 解释:A React Native component for generating and displaying interactive star ratings 5 |
6 | 预览:
7 | 8 |
9 | -------------------------------------------------------------------------------- /Loading.md: -------------------------------------------------------------------------------- 1 | ## Loading相关
2 | 3 | https://github.com/joinspontaneous/react-native-loading-spinner-overlay
4 | 预览:
5 | 6 |
7 | 解释:React Native loading spinner overlay 8 |
9 | -------------------------------------------------------------------------------- /ComonTools.md: -------------------------------------------------------------------------------- 1 | ## ComonTools 2 | 3 | 4 | ### 屏幕相关
5 | https://github.com/yamill/react-native-orientation
6 | 解释:控制屏幕旋转-iOS/Android 7 |
8 | 9 | ### 平台相关
10 | 11 | https://github.com/walmartlabs/react-native-platform-visible
12 | 解释:A very simple component visibility switch based on Platform 13 |
14 | 15 | ### 基础功能相关
16 | https://github.com/yeyintkoko/react-native-sms-x
17 | 解释:A react-native api to send SMS messages 18 |
19 | 20 | ### PDF相关
21 | https://github.com/cnjon/react-native-pdf-view
22 | 解释:React Native PDF View 23 |
24 | -------------------------------------------------------------------------------- /WebView.md: -------------------------------------------------------------------------------- 1 | # WebView相关
2 | 3 | 项目名:react-native-webbrowser
4 | git地址:https://github.com/d-a-n/react-native-webbrowser
5 | 预览:
6 | 7 |
8 | 9 | ## Android WebView
10 | 11 | 项目名:react-native-webview-android
12 | git地址:https://github.com/lucasferreira/react-native-webview-android
13 | 预览:
14 | 15 |
16 | -------------------------------------------------------------------------------- /Qrcode.md: -------------------------------------------------------------------------------- 1 | ## Qrcode
2 | 3 | 4 | 项目名:react-native-qrcode-reader
5 | git地址:https://github.com/starknx/react-native-qrcode-reader
6 | 预览:
7 |
8 | 解释:
9 | A simple QR Code Reader Screen implemented with react-native-camera
10 | 11 | 12 | 项目名:AC-QRCode-RN
13 | git地址:https://github.com/MarnoDev/AC-QRCode-RN
14 | 预览:
15 |
16 | 解释:
17 | A highly customizable QR code scanning component for React Native
18 | -------------------------------------------------------------------------------- /Fab.md: -------------------------------------------------------------------------------- 1 | ## Fab 2 | 3 | https://github.com/mastermoo/react-native-action-button
4 | 预览:
5 | 6 |
7 | 解释:customizable multi-action-button component for react-native 8 |
9 | 10 | 11 | https://github.com/xotahal/react-native-material-ui
12 | 预览:
13 | 14 |
15 | 解释:Highly customizable material design components for React Native 16 |
17 | -------------------------------------------------------------------------------- /Slider.md: -------------------------------------------------------------------------------- 1 | ## 条状拖拽控件
2 | 3 | 项目名:react-native-interactable
4 | git地址:https://github.com/jeanregisser/react-native-slider
5 | 预览:
6 | 7 |
8 | 9 |
10 | 11 | 12 | 项目名:react-native-slider
13 | git地址:https://github.com/callstack/react-native-slider
14 | 预览:
15 | 16 |
17 | -------------------------------------------------------------------------------- /Radio.md: -------------------------------------------------------------------------------- 1 | ### Radio相关
2 | 3 | 项目名:react-native-flexi-radio-button
4 | git地址:https://github.com/thegamenicorus/react-native-flexi-radio-button
5 | 预览:
6 |
7 | 解释:
8 | Simple and flexible Radio button for React Native App
9 | 10 | 11 | 项目名:react-native-radio-buttons
12 | git地址:https://github.com/ArnaudRinquin/react-native-radio-buttons
13 | 预览:
14 |
15 | 解释:
16 | A Radio-button like logic wrapper for React Native
17 | -------------------------------------------------------------------------------- /Keyboard.md: -------------------------------------------------------------------------------- 1 | ## Keyboard相关
2 | 3 | https://github.com/APSL/react-native-keyboard-aware-scroll-view
4 | 预览:
5 | 6 |
7 | 解释:A ScrollView component that handles keyboard appearance and automatically scrolls to focused TextInput. 8 |
9 | 10 | 11 | https://github.com/Andr3wHur5t/react-native-keyboard-spacer
12 | 预览:
13 | 14 |
15 | 解释:Plug and play react-native keyboard spacer view. 16 |
17 | -------------------------------------------------------------------------------- /Welcome.md: -------------------------------------------------------------------------------- 1 | ## 欢迎页相关
2 | 3 | 4 | https://github.com/okgrow/react-native-copilot
5 | 预览:
6 | 7 |
8 | 解释: 9 | Step-by-step walkthrough for your react native app 10 |
11 | 12 | 13 | https://github.com/chagasaway/react-native-fading-slides
14 | 预览:
15 | 16 |
17 | 解释: 18 | Simple looped fading slides carousel for React Native. 19 |
20 | -------------------------------------------------------------------------------- /Text.md: -------------------------------------------------------------------------------- 1 | ## Text相关
2 | 3 | 4 | 项目名:react-native-parsed-text
5 | git地址:https://github.com/taskrabbit/react-native-parsed-text
6 | 预览:
7 | 8 |
9 | 10 | 11 | 项目名:react-native-marquee-label
12 | git地址:https://github.com/remobile/react-native-marquee-label
13 | 预览:
14 | 15 |
16 | 17 | 项目名:react-native-auto-typing-text
18 | git地址:https://github.com/phuongla/react-native-auto-typing-text
19 | 预览:
20 | 21 |
22 | -------------------------------------------------------------------------------- /Layout.md: -------------------------------------------------------------------------------- 1 | ## 布局相关
2 | 3 | https://github.com/react-native-community/react-native-linear-gradient
4 | 预览:
5 | 6 |
7 | 解释:A component for react-native 8 |
9 | 10 | https://github.com/Aleksion/react-native-flexview
11 | 预览:
12 | 13 |
14 | 解释:A flexible view that can be scaled in relation to its parent 15 |
16 | 17 | https://github.com/maxh/react-native-fittedtext
18 | 预览:
19 | 20 |
21 | 解释:A React Native text component that sets its fontSize to fill a target height 22 |
23 | -------------------------------------------------------------------------------- /CheckBox.md: -------------------------------------------------------------------------------- 1 | ## CheckBox
2 | 3 | 4 | 5 | 6 | 7 | https://github.com/caroaguilar/react-native-custom-checkbox
8 | 预览:
9 | 10 |
11 | 解释:It's a React Native checkbox that can be customize. 12 |
13 | 14 | https://github.com/hinet/react-native-checkboxlist
15 | 预览:
16 | 17 |
18 | 解释:一个跨平台(iOS和Android)单和多项选择React Native组件。 19 |
20 | 21 | https://github.com/caroaguilar/react-native-custom-checkbox
22 | 预览:
23 | 24 |
25 | 解释:It's a React Native checkbox that can be customize. 26 |
27 | -------------------------------------------------------------------------------- /CardView.md: -------------------------------------------------------------------------------- 1 | ## CardView相关
2 | 3 | 4 | https://github.com/SiDevesh/React-Native-Material-Cards
5 | 预览:
6 | 7 |
8 | 解释:A material design card component, customizable and versatile 9 |
10 | 11 | 12 | 13 | https://github.com/meteor-factory/react-native-tinder-swipe-cards
14 | 预览:
15 | 16 |
17 | 解释:Tinder-like swipe cards for your React Native app 18 |
19 | 20 | 21 | 项目名:react-native-cardview
22 | git地址:https://github.com/Kishanjvaghela/react-native-cardview
23 | 预览:
24 | 25 |
26 | -------------------------------------------------------------------------------- /Util.md: -------------------------------------------------------------------------------- 1 | ## Util
2 | 3 | 4 | 项目名:react-native-paper
5 | git地址:https://github.com/callstack/react-native-paper
6 | 解释:Material Design for React Native (Android & iOS) 7 | 预览:
8 | 9 | 10 | ## 常用公共模块
11 | 12 | 项目名:react-native-permissions
13 | git地址:https://github.com/yonahforst/react-native-permissions
14 | 解释:Check and request user permissions in ReactNative (iOS and Android) 15 | 16 | 项目名:react-native-share
17 | git地址:https://github.com/EstebanFuentealba/react-native-share
18 | 预览:
19 | 20 | 21 | 项目名:react-native-touch-id
22 | git地址:https://github.com/naoufal/react-native-touch-id
23 | 预览:
24 | 25 | -------------------------------------------------------------------------------- /Media.md: -------------------------------------------------------------------------------- 1 | ### 多媒体相关
2 | 3 | 4 | https://github.com/phuochau/react-native-beautiful-video-recorder
5 | 预览:
6 | 7 |
8 | 解释:The video recorder component that extends from react-native-camera. It works for both iOS & Android. 9 |
10 | 11 | https://github.com/ldn0x7dc/react-native-media-kit
12 | 预览:
13 | 14 |
15 | 解释:Video(and audio) component for react-native apps, supporting both iOS and Android. A unified and elegant player controller is provided by default. The API is similar with HTML video 16 |
17 | 18 | https://github.com/charliesbox/react-native-media-controls
19 | 预览:
20 | 21 |
22 | 解释:A sweet UI component to manipulate your media 23 |
24 | -------------------------------------------------------------------------------- /Redux.md: -------------------------------------------------------------------------------- 1 | ### Redux
2 | 3 | 4 | 项目名:redux
5 | git地址:https://github.com/reactjs/redux
6 | 预览:
7 | 8 |
9 | 10 | 项目名:redux-saga
11 | git地址:https://github.com/redux-saga/redux-saga
12 | 预览:
13 | 14 |
15 | 16 | 项目名:redux-offline
17 | git地址:https://github.com/redux-offline-team/redux-offline
18 | 预览:
19 | 20 |
21 | 22 | 项目名:redux-logger
23 | git地址:https://github.com/evgenyrodionov/redux-logger
24 | 预览:
25 | 26 |
27 | -------------------------------------------------------------------------------- /Open-Source-Project.md: -------------------------------------------------------------------------------- 1 | ## 开源项目
2 | 3 | 4 | 5 | 6 | 7 | 项目名:react-native-nba-app
8 | git地址:https://github.com/wwayne/react-native-nba-app
9 | 预览:
10 | 11 |
12 | 描述:
13 | This is why we play 14 |
15 | 16 | 项目名:react-native-Gank
17 | git地址:https://github.com/wangdicoder/react-native-Gank
18 | 预览:
19 | 20 |
21 | 描述:
22 | A cross platform App which shows the contents from gank.io 23 |
24 | 25 | 26 | 项目名:MeiTuan
27 | git地址:https://github.com/huanxsd/MeiTuan
28 | 预览:
29 | 30 |
31 | 描述:
32 | 高仿美团客户端 React-Native版,支持iOS、Android 33 |
34 | 35 | 项目名:reading
36 | git地址:https://github.com/attentiveness/reading
37 | 预览:
38 | 39 |
40 | 描述:
41 | iReading App Write In React-Native 42 |
43 | -------------------------------------------------------------------------------- /Chart.md: -------------------------------------------------------------------------------- 1 | ## 图表相关
2 | https://github.com/wuxudong/react-native-charts-wrapper
3 | 预览:
4 | 5 |
6 | 解释:a react native charts wrapper (support android & ios) 7 |
8 | 9 | 10 | https://github.com/tomauty/react-native-chart
11 | 预览:
12 | 13 |
14 | 解释:Add line, area, pie, and bar charts to your React Native app 15 |
16 | 17 | https://github.com/capitalone/react-native-pathjs-charts
18 | 预览:
19 | 20 |
21 | 解释:Android and iOS charts based on react-native-svg and paths-js 22 |
23 | 24 | 25 | https://github.com/indiespirit/react-native-chart-kit
26 | 预览:
27 | 28 |
29 | 解释:React Native Chart Kit: Line Chart, Bezier Line Chart, Progress Ring, Bar chart, Pie chart, Contribution graph (heatmap) 30 |
31 | -------------------------------------------------------------------------------- /Dialog.md: -------------------------------------------------------------------------------- 1 | ## Dialog 2 | 3 | 4 | 5 | 6 | 项目名:react-native-awesome-alert
7 | git地址:https://github.com/heyman333/react-native-awesome-alert
8 | 预览:
9 | 10 |
11 | 12 | 项目名:react-native-popup-dialog
13 | git地址:https://github.com/jacklam718/react-native-popup-dialog
14 | 预览:
15 | 16 |
17 | 18 | 19 | 项目名:react-native-dialogs
20 | git地址:https://github.com/aakashns/react-native-dialogs
21 | 预览:
22 | 23 |
24 | 25 | 26 | 项目名:react-native-label-select
27 | git地址:https://github.com/xgfe/react-native-label-select
28 | 预览:
29 | 30 |
31 | -------------------------------------------------------------------------------- /Progress.md: -------------------------------------------------------------------------------- 1 | ## 进度条相关 2 | 3 | 4 | ### 条状进度条 5 | 6 | 项目名:react-native-progress-bar
7 | git地址:https://github.com/lwansbrough/react-native-progress-bar
8 | 预览:
9 | 10 |
11 | 12 | 13 | ### 圆形进度条
14 | 15 | 项目名:react-native-circular-slider
16 | git地址:https://github.com/bartgryszko/react-native-circular-slider
17 | 预览:
18 | 19 |
20 | 21 | 项目名:react-native-download-button
22 | git地址:https://github.com/prscX/react-native-download-button
23 | 预览:
24 | 25 |
26 | 27 | 项目名:react-native-circular-progress
28 | git地址:https://github.com/bgryszko/react-native-circular-progress
29 | 预览:
30 | 31 |
32 | 33 | ### 复合进度条 34 | 项目名:react-native-progress
35 | git地址:https://github.com/oblador/react-native-progress
36 | 预览:
37 | 38 |
39 | -------------------------------------------------------------------------------- /Bar.md: -------------------------------------------------------------------------------- 1 | ## Bar
2 | 3 | 4 | 5 | https://github.com/localz/react-native-searchbar
6 | 预览:
7 | 8 |
9 | 解释:A pretty sweet search bar for React Native. 10 |
11 | 12 | 13 | ## HeadView
14 | 15 | 16 | 17 | 18 | https://github.com/monterosalondon/react-native-parallax-scroll
19 | 预览:
20 | 21 |
22 | 解释:Parallax scroll view for react-native 23 |
24 | 25 | 26 | https://github.com/lelandrichardson/react-native-parallax-view
27 | 预览:
28 | 29 |
30 | 解释:Parallax view for vertical scrollview/listviews with a header image and header content 31 |
32 | 33 | 34 | 项目名:react-native-image-header-scroll-view
35 | git地址:https://github.com/bamlab/react-native-image-header-scroll-view
36 | 预览:
37 |
38 | 解释: 39 |
40 | ScrollView with an image in header which becomes a navbar 41 |
42 | -------------------------------------------------------------------------------- /Map.md: -------------------------------------------------------------------------------- 1 | ## Map
2 | 3 | 4 | 项目名:react-native-maps
5 | git地址:https://github.com/react-native-maps/react-native-maps
6 | 预览:
7 | 8 | 9 | 项目名:react-native-streetview
10 | git地址:https://github.com/nesterapp/react-native-streetview
11 | 预览:
12 | 13 | 14 | 项目名:react-native-progressive-input
15 | git地址:https://github.com/khaiql/react-native-progressive-input
16 | 预览:
17 | 18 | 19 | 项目名:react-native-maps
20 | git地址:https://github.com/airbnb/react-native-maps
21 | 预览:
22 | 23 | 24 | 25 | 项目名:react-native-google-place-picker
26 | git地址:https://github.com/q6112345/react-native-google-place-picker
27 | 预览:
28 | 29 | -------------------------------------------------------------------------------- /ListView.md: -------------------------------------------------------------------------------- 1 | ## ListView
2 | 3 | ### 下拉刷新
4 | 5 | 6 | https://github.com/jsdf/react-native-refreshable-listview
7 | 解释:Deprecated. A pull-to-refresh ListView which shows a loading spinner while your data reloads 8 |
9 | 预览:
10 | 11 |
12 | 13 | https://github.com/FaridSafi/react-native-gifted-listview
14 | 解释:ListView with pull-to-refresh and infinite scrolling for Android and iOS React-Native apps 15 |
16 | 预览:
17 | 18 |
19 | 20 | 21 | 22 | ### 拖拽
23 | 24 | https://github.com/deanmcpherson/react-native-sortable-listview
25 | 解释:Drag drop capable wrapper of ListView for React Native 26 |
27 | 预览:
28 | 29 |
30 | 31 | 32 | ### 性能优化
33 | https://github.com/bolan9999/react-native-largelist
34 | 解释:A best performance large list component for React Native. 35 |
36 | 预览:
37 | 38 |
39 | 40 | 41 | ### 特殊逻辑UI
42 | https://github.com/thegamenicorus/react-native-timeline-listview
43 | 解释:Timeline component for React Native App 44 |
45 | 预览:
46 | 47 |
48 | -------------------------------------------------------------------------------- /Navigation.md: -------------------------------------------------------------------------------- 1 | # 导航相关的控件与工具库
2 | 3 | 4 | 5 | 项目名:react-native-tab-view
6 | git地址:https://github.com/satya164/react-native-tab-view
7 | 预览:
8 | 9 |
10 | 描述:
11 | A cross-platform Tab View component for React Native. Implemented using react-native-pager-view on Android & iOS, and PanResponder on Web, macOS, and Windows.
12 | 13 | 项目名:react-native-tabs
14 | git地址:https://github.com/aksonov/react-native-tabs
15 | 预览:
16 | 17 |
18 | 描述:
19 | React Native platform-independent tabs. Could be used for bottom tab bars as well as sectioned views (with tab buttons)
20 | 21 | 项目名:react-native-tab-navigator
22 | git地址:https://github.com/happypancake/react-native-tab-navigator
23 | 预览:
24 | 25 |
26 | 描述:
27 | A tab bar that switches between scenes, written in JS for cross-platform support
28 | 29 | 项目名:react-native-navigation
30 | git地址:https://github.com/wix/react-native-navigation
31 | 预览:
32 | 33 |
34 | 描述:
35 | A complete native navigation solution for React Native - nav bars, tabs, drawer, modals
36 | 37 | 项目名:native-navigation
38 | git地址:https://github.com/airbnb/native-navigation
39 | 描述:
40 | Native navigation library for React Native applications http://airbnb.io/native-navigation/
41 | 42 | -------------------------------------------------------------------------------- /Toast.md: -------------------------------------------------------------------------------- 1 | ## Toast
2 | 3 | 4 | 5 | https://github.com/onemolegames/react-native-toast-native
6 | 解释:A native and easy to use toast plugin for react-native 7 |
8 | 预览:
9 | 10 |
11 | 12 | https://github.com/robcalcroft/react-native-in-app-notification
13 | 解释:Customisable in-app notification component for React Native 14 |
15 | 预览:
16 | 17 |
18 | 19 | https://github.com/crazycodeboy/react-native-easy-toast
20 | 解释:A react native module to show toast like android, it works on iOS and Android 21 |
22 | 预览:
23 | 24 |
25 | 26 | 27 | https://github.com/cooperka/react-native-snackbar
28 | 解释:Material-design "Snackbar" component for Android and iOS 29 |
30 | 预览:
31 | 32 |
33 | 34 | 35 | https://github.com/magicismight/react-native-root-toast
36 | 解释:react native toast like component, pure javascript solution 37 |
38 | 预览:
39 | 40 |
41 | 42 | 43 | https://github.com/testshallpass/react-native-dropdownalert
44 | 解释:A simple alert to notify users about new chat messages, something went wrong or everything is ok. 45 |
46 | 预览:
47 | 48 |
49 | -------------------------------------------------------------------------------- /IntegratedComponent.md: -------------------------------------------------------------------------------- 1 | ## 集成ui组件群
2 | 3 | 4 | 5 | 项目名:react-native-ui-lib
6 | 项目地址:https://github.com/wix/react-native-ui-lib
7 | 预览:
8 | 9 |
10 | 描述:
11 | UI Components Library for React Native 12 |
13 | 14 | 15 | 项目名:introduce-cn
16 | 项目地址:https://mobile.ant.design/docs/react/introduce-cn
17 | 预览:
18 | 19 |
20 | 描述:
21 | antd-mobile 是 Ant Design 的移动规范的 React 实现,服务于蚂蚁及口碑无线业务 22 |
23 | 24 | 项目名:react-native-CountDowntimer
25 | git地址:https://github.com/jackuhan/react-native-CountDowntimer
26 | 预览:
27 | 28 |
29 | 描述:
30 | react native countdown timer component which Only needs a end time.倒计时控件 31 |
32 | 33 | 项目名:react-native-ui-lib
34 | git地址:https://github.com/wix/react-native-ui-lib
35 | 预览:
36 | 37 |
38 | 描述:
39 | UI Components Library for React Native 40 |
41 | 42 | 43 | 项目名:react-native-material-kit
44 | git地址:https://github.com/xinthink/react-native-material-kit
45 | 预览:
46 | 47 |
48 | 描述:
49 | Bringing Material Design to React Native http://j.mp/rnmdk 50 |
51 | 52 | 53 | 项目名:react-native-credit-card-input
54 | git地址:https://github.com/sbycrosz/react-native-credit-card-input
55 | 预览:
56 | 57 |
58 | 描述:
59 | Easy, cross-platform credit-card input for your React Native Project! Start accepting payment 💰 in your app today 60 |
61 | 62 | 项目名:react-native-step-indicator
63 | git地址:https://github.com/24ark/react-native-step-indicator
64 | 预览:
65 | 66 |
67 | 描述:
68 | A simple react-native implementation of step indicator widget compatible with the ViewPager and ListView. 69 |
70 | -------------------------------------------------------------------------------- /Animation.md: -------------------------------------------------------------------------------- 1 | #  动画/互动特效 2 | 3 | 4 | ## 强交互组件(半成品) 5 | 6 | 项目名:react-native-slot-machine
7 | git地址:https://github.com/atlanteh/react-native-slot-machine
8 | 预览:
9 | 10 |
11 | 12 | 项目名:react-native-pulse-loader
13 | git地址:https://github.com/mastermoo/react-native-pulse-loader
14 | 预览:
15 | 16 |
17 | 18 | 项目名:react-native-display
19 | git地址:https://github.com/sundayhd/react-native-display
20 | 预览:
21 | 22 |
23 | 24 | 25 | 项目名:react-native-interactable
26 | git地址:https://github.com/wix/react-native-interactable
27 | 预览:
28 | 29 |
30 | 31 |
32 | 33 | 34 | 35 | ### 滑动删除
36 | 项目名:react-native-action-view
37 | git地址:https://github.com/wix/react-native-action-view
38 | 预览:
39 | 40 |
41 | 42 | 项目名:react-native-swipeout
43 | git地址:https://github.com/dancormier/react-native-swipeout
44 | 预览:
45 | 46 |
47 | 48 | ### 列表动画
49 | 项目名:react-native-shimmer-placeholder
50 | git地址:https://github.com/tomzaku/react-native-shimmer-placeholder
51 | 预览:
52 | 53 |
54 | 55 | 项目名:rn-placeholder
56 | git地址:https://github.com/mfrachet/rn-placeholder
57 | 预览:
58 | 59 |
60 | 61 | 项目名:react-native-foldview
62 | git地址:https://github.com/jmurzy/react-native-foldview
63 | 预览:
64 | 65 |
66 | -------------------------------------------------------------------------------- /RecyclerView.md: -------------------------------------------------------------------------------- 1 | # RecyclerView 2 | 3 | 4 | 5 | https://github.com/garrettmac/react-native-pagination
6 | 预览:
7 | 8 |
9 | 解释:Animated Pagination For React Native's ListView, FlatList, and SectionList 10 |
11 | 12 | 13 | https://github.com/droidwolf/react-native-RealRecyclerView
14 | 预览:
15 | 16 |
17 | 解释:react-native-RealRecyclerView on android 18 |
19 | 20 | https://github.com/FaridSafi/react-native-gifted-listview
21 | 预览:
22 | 23 |
24 | 解释:ListView with pull-to-refresh and infinite scrolling for Android and iOS React-Native apps 25 |
26 | 27 | 28 | ## 特殊效果
29 | 30 | 31 | https://github.com/bolan9999/react-native-largelist
32 | 预览:
33 | 34 |
35 | 解释:The best large list component for React Native 36 |
37 | 38 | https://github.com/brh55/react-native-masonry
39 | 预览:
40 | 41 |
42 | 解释:A pure JS react-native component to render a masonry~ish layout for images with support for dynamic columns, progressive image loading, device rotation, on-press handlers, and headers/captions. 43 |
44 | 45 | https://github.com/i6mi6/react-native-parallax-scroll-view
46 | 预览:
47 | 48 |
49 | 解释: A ScrollView-like component with parallax and sticky header support. 50 |
51 | 52 | https://github.com/i6mi6/react-native-alphabetlistview
53 | 预览:
54 | 55 |
56 | 解释:A Listview with a sidebar to jump to sections directly 57 |
58 | 59 | ## 头部效果
60 | 61 | 62 | 63 | 64 | 65 | https://github.com/sophister/react-native-pull-to-refresh-custom
66 | 预览:
67 | 68 |
69 | 解释:Custom pull to refresh Header supporting for React Native ScrollView/FlatList 70 |
71 | 72 | -------------------------------------------------------------------------------- /Button.md: -------------------------------------------------------------------------------- 1 | ## Button
2 | 3 | 4 | 5 | 6 | https://github.com/danceyoung/react-native-selectmultiple-button
7 | 预览:
8 | 9 |
10 | 解释:A button (or a grouped buttons) supporting multiple or radio selection by building with React Native 11 |
12 | 13 | https://github.com/AppliKeySolutions/RocketButton
14 | 预览:
15 | 16 |
17 | 解释:React native component for animated cross-mark transformation. https://applikeysolutions.com/ 18 |
19 | 20 | https://github.com/zecaptus/react-native-md-motion-buttons
21 | 预览:
22 | 23 |
24 | 解释:A simple animated transition based on the dribble from invision. 25 |
26 | 27 | https://github.com/ronak301/react-native-submit-button
28 | 预览:
29 | 30 |
31 | 解释:Animated Submit button. Works on both android and ios. 32 |
33 | 34 | https://github.com/prscX/react-native-shine-button
35 | 预览:
36 | 37 |
38 | 解释:React Native: Native Shine Button - Effects like shining 39 |
40 | 41 | https://github.com/remobile/react-native-simple-button
42 | 预览:
43 | 44 |
45 | 解释:A Simple react-native button 46 |
47 | 48 | https://github.com/larsvinter/react-native-awesome-button
49 | 预览:
50 | 51 |
52 | 解释:A button React Native component supporting showing different states with animations 53 |
54 | 55 | https://github.com/mastermoo/react-native-action-button
56 | 预览:
57 | 58 |
59 | 解释:A React Native button component customizable via props 60 |
61 | 62 | https://github.com/jacklam718/react-native-button-component
63 | 预览:
64 | 65 |
66 | 解释:A Beautiful, Customizable React Native Button component for iOS & Android 67 |
68 | 69 | 70 | ## 效果特别的Button
71 | 72 | https://github.com/mastermoo/react-native-pulse-loader
73 | 预览:
74 | 75 |
76 | 解释:tinder-like loader for your react native app 77 |
78 | -------------------------------------------------------------------------------- /Menu.md: -------------------------------------------------------------------------------- 1 | ## Menu
2 | 3 | 4 | 5 | 6 | https://github.com/prscX/react-native-popover-menu
7 | 预览:
8 | 9 |
10 | 解释: 11 | React Native: Native Popover Menu 12 |
13 | 14 | https://github.com/SoftZen/react-native-bouncy-drawer
15 | 预览:
16 | 17 |
18 | 解释: 19 | Bouncy drawer for React Native 20 |
21 | 22 | https://github.com/Tinysymphony/react-native-drawer-menu
23 | 预览:
24 | 25 |
26 | 解释: 27 | A drawer component for React Native Application. 28 |
29 | 30 | https://github.com/mxck/react-native-material-menu
31 | 预览:
32 | 33 |
34 | 解释: 35 | Pure JavaScript material menu component for React Native 36 |
37 | 38 | https://github.com/vczero/react-native-tab-menu
39 | 预览:
40 | 41 |
42 | 解释: 43 | React Native 二级菜单组件 44 |
45 | 46 | https://github.com/melihberberolu/react-native-scaling-drawer
47 | 预览:
48 | 49 |
50 | 解释: 51 | React Native Scaling Drawer 52 |
53 | 54 | https://github.com/shoumma/react-native-off-canvas-menu
55 | 预览:
56 | 57 |
58 | 解释:Beautifully crafted off canvas menu components for react native applications. Built on top of react-native's Animated library. 59 |
60 | 61 | https://github.com/instea/react-native-popup-menu
62 | 预览:
63 | 64 |
65 | 解释:Path-esque circular action menu inspired by CircularFloatingActionMenu. 66 |
67 | 68 | https://github.com/instea/react-native-popup-menu
69 | 预览:
70 | 71 |
72 | 解释:Popup menu component for React Native 73 |
74 | 75 | https://github.com/root-two/react-native-drawer
76 | 预览:
77 | 78 |
79 | 解释:React Native Drawer 80 |
81 | 82 | https://github.com/react-native-community/react-native-side-menu
83 | 预览:
84 | 85 |
86 | 解释:Side menu component for React Native 87 |
88 | 89 | 90 | https://github.com/Ramotion/react-native-circle-menu
91 | 预览:
92 | 93 |
94 | 解释:CircleMenu is a simple, elegant UI menu with a circular layout and material design animations 95 |
96 | -------------------------------------------------------------------------------- /Calendar.md: -------------------------------------------------------------------------------- 1 | ## Calendar 2 | 3 | https://github.com/roto93/react-native-neat-date-picker
4 | 预览:
5 | 6 |
7 | 解释:An easy-to-use date picker for react native. 8 |
9 | 10 | 11 | 12 | https://github.com/werein/react-native-dates
13 | 预览:
14 | 15 |
16 | 解释:React Native date / daterange picker and calendar 17 |
18 | 19 | 20 | https://github.com/ivanchenko/react-native-day-picker
21 | 预览:
22 | 23 |
24 | 解释:Simple calendar which allows you select date range 25 |
26 | 27 | 28 | https://github.com/henninghall/react-native-date-picker
29 | 预览:
30 | 31 |
32 | 解释:React Native Date Picker - A datepicker for Android and iOS. Including date, time and datetime picker mode. 33 |
34 | 35 | https://github.com/mmazzarolo/react-native-modal-datetime-picker
36 | 预览:
37 | 38 |
39 | 解释:A React-Native datetime-picker for Android and iOS 40 |
41 | 42 | https://github.com/stephy/CalendarPicker
43 | 预览:
44 | 45 |
46 | 解释:CalendarPicker Component for React Native 47 |
48 | 49 | https://github.com/maggialejandro/react-native-calendario
50 | 预览:
51 | 52 |
53 | 解释React Native Calendar 54 |
55 | 56 | https://github.com/SmallStoneSK/react-native-draggable-calendar
57 | 预览:
58 | 59 |
60 | 解释:A calendar component supporting dragging. 61 |
62 | 63 | https://github.com/vlad-doru/react-native-calendar-datepicker
64 | 预览:
65 | 66 |
67 | 解释:React-Native cross-platform, calendar component. 68 |
69 | 70 | https://github.com/christopherdro/react-native-calendar
71 | 预览:
72 | 73 |
74 | 解释:Calendar Component for React Native 75 |
76 | 77 | 78 | https://github.com/wix/react-native-calendars
79 | 预览:
80 | 81 |
82 | 解释:React Native Calendar Components 83 |
84 | 85 | 86 | https://github.com/Tinysymphony/react-native-calendar-select
87 | 预览:
88 | 89 |
90 | 解释:A component to select period from calendar like Airbnb 91 |
92 | -------------------------------------------------------------------------------- /ViewPager.md: -------------------------------------------------------------------------------- 1 | # ViewPager 2 | 3 | 4 | 5 | ## 首页切换图
6 | 7 | 8 | 9 | 项目名:react-native-elastic-stack
10 | git地址:https://github.com/monterosalondon/react-native-elastic-stack
11 | 预览:
12 | 13 |
14 | 15 | 项目名:react-native-swipe-a-lot
16 | git地址:https://github.com/nickjanssen/react-native-swipe-a-lot
17 | 预览:
18 | 19 |
20 | 21 | 22 | 项目名:react-native-swiper
23 | git地址:https://github.com/leecade/react-native-swiper
24 | 预览:
25 | 26 |
27 | 28 | 项目名:react-native-pager-view
29 | git地址:https://github.com/callstack/react-native-pager-view
30 | 预览:
31 | 32 |
33 | 34 | 35 | 项目名:react-native-app-intro
36 | git地址:https://github.com/FuYaoDe/react-native-app-intro
37 | 预览:
38 | 39 |
40 | 41 | 42 | ## banner
43 | 44 | 45 | 项目名:react-native-snap-carousel
46 | git地址:https://github.com/archriss/react-native-snap-carousel
47 | 预览:
48 | 49 |
50 | 51 | 项目名:react-native-pages
52 | git地址:https://github.com/n4kz/react-native-pages
53 | 预览:
54 | 55 |
56 | 57 | 项目名:react-native-viewpager
58 | git地址:https://github.com/race604/react-native-viewpager
59 | 预览:
60 | 61 |
62 | 63 | ## tab切换
64 | 65 | 66 | 67 | 68 | 项目名:react-native-app-intro
69 | git地址:https://github.com/wix/react-native-custom-segmented-control
70 | 预览:
71 | 72 |
73 | 74 |
75 | 描述:
76 | Custom version of the IOS SegmentedControl component 77 |
78 | 79 | 80 | 项目名:react-native-tab-view
81 | git地址:https://github.com/react-native-community/react-native-tab-view
82 | 预览:
83 | 84 |
85 | 描述:
86 | A cross-platform Tab View component for React Native 87 |
88 | 89 | ## 全功能ViewPager
90 | 91 | 92 | 项目名:react-native-paged-scroll-view
93 | git地址:https://github.com/rreusser/react-native-paged-scroll-view
94 | 预览:
95 | 96 |
97 | 98 | 项目名:React-Native-ViewPager
99 | git地址:https://github.com/zbtang/React-Native-ViewPager
100 | 预览:
101 | 102 |
103 | 104 | 项目名:react-swipeable-views
105 | git地址:https://github.com/oliviertassinari/react-swipeable-views
106 | 预览:
107 | 108 |
109 | 110 | ## 类ViewPager的混合控件
111 | 112 | 113 | 项目名:react-native-step-indicator
114 | git地址:https://github.com/24ark/react-native-step-indicator
115 | 预览:
116 | 117 |
118 | 119 | 项目名:react-native-swiper-animated
120 | git地址:https://github.com/chitezh/react-native-swiper-animated
121 | 预览:
122 | 123 |
124 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Useful-Open-Source-React-Native 2 | 3 | ## made by:王亟亟 4 | ## blog:[王亟亟的大牛之路](http://blog.csdn.net/ddwhan0123) 5 | ## facebook: [王佳杰](https://www.facebook.com/ddwhan0123) 6 | ## weibo:[王亟亟](http://weibo.com/u/5298245888) 7 | 8 | 9 | 10 | 11 | ### 更新时间:2024-07-07 12 | 13 | 14 | 15 | 16 | 17 | ## Chart 18 | ## [点击跳转 Chart.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Chart.md) 19 | ## Text 20 | ## [点击跳转 Text.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Text.md) 21 | ## Slider 22 | ## [点击跳转 Slider.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Slider.md) 23 | 24 | ## CardView 25 | ## [点击跳转 CardView.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/CardView.md) 26 | 27 | ## 欢迎页相关 28 | ## [点击跳转 Welcome.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Welcome.md) 29 | 30 | ## Internationalization 31 | ## [点击跳转 Internationalization.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Internationalization.md) 32 | 33 | ## Layout 34 | ## [点击跳转 Layout.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Layout.md) 35 | 36 | ## Tutorial 37 | ## [点击跳转 Tutorial.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Tutorial.md) 38 | 39 | ## ComonTools 40 | ## [点击跳转 ComonTools.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/ComonTools.md) 41 | 42 | ## Redux 43 | ## [点击跳转 Redux.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Redux.md) 44 | 45 | ## PopupWindow 46 | ## [点击跳转 PopupWindow.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/PopupWindow.md) 47 | 48 | ## Table 49 | ## [点击跳转 Table.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Table.md) 50 | 51 | ## ImageProcessing 52 | ## [点击跳转 ImageProcessing.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/ImageProcessing.md) 53 | 54 | ## Keyboard 55 | ## [点击跳转 Keyboard.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Keyboard.md) 56 | 57 | ## Data 58 | ## [点击跳转 Data.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Data.md) 59 | 60 | ## Switch 61 | ## [点击跳转 Switch.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Switch.md) 62 | 63 | ## RecyclerView 64 | ## [点击跳转 RecyclerView.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/RecyclerView.md) 65 | 66 | ## ViewPager 67 | ## [点击跳转 ViewPager.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/ViewPager.md) 68 | 69 | ## Animation 70 | ## [点击跳转 Animation.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Animation.md) 71 | 72 | ## Navigation 73 | ## [点击跳转 Navigation.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Navigation.md) 74 | 75 | ## TextInput 76 | ## [点击跳转 TextInput.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/TextInput.md) 77 | 78 | ## WebView 79 | ## [点击跳转 WebView.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/WebView.md) 80 | 81 | ## IntegratedComponent 82 | ## [点击跳转 IntegratedComponent.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/IntegratedComponent.md) 83 | 84 | 85 | ## Map 86 | ## [点击跳转 Map.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Map.md) 87 | 88 | ## Open-Source-Project 89 | ## [点击跳转 Open-Source-Project.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Open-Source-Project.md) 90 | 91 | ## ListView 92 | ## [点击跳转 ListView.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/ListView.md) 93 | 94 | ## Toast 95 | ## [点击跳转 Toast.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Toast.md) 96 | 97 | ## StarRating 98 | ## [点击跳转 StarRating.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/StarRating.md) 99 | 100 | ## Qrcode 101 | ## [点击跳转 Qrcode.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Qrcode.md) 102 | 103 | ## CheckBox 104 | ## [点击跳转 CheckBox.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/CheckBox.md) 105 | 106 | 107 | ## Menu 108 | ## [点击跳转 Menu.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Menu.md) 109 | 110 | ## Util 111 | ## [点击跳转 Util.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Util.md) 112 | 113 | ## Fab 114 | ## [点击跳转 Fab.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Fab.md) 115 | 116 | ## Progress 117 | ## [点击跳转 Progress.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Progress.md) 118 | 119 | ## Camera 120 | ## [点击跳转 Camera.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Camera.md) 121 | 122 | ## Dialog 123 | ## [点击跳转 Dialog.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Dialog.md) 124 | 125 | ## Calendar 126 | ## [点击跳转 Calendar.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Calendar.md) 127 | 128 | 129 | ## Button 130 | ## [点击跳转 Button.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Button.md) 131 | 132 | # Media 133 | ## [点击跳转 Media.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Media.md) 134 | # Radio 135 | ## [点击跳转 Radio.md](https://github.com/ddwhan0123/Useful-Open-Source-React-Native/blob/master/Radio.md) 136 | -------------------------------------------------------------------------------- /ImageProcessing.md: -------------------------------------------------------------------------------- 1 | ## 图片选择器/图片剪裁/图片加载加载 相关:
2 | 3 | ### 图片 特殊排列
4 | 5 | 6 | 项目名:react-native-card-media
7 | git地址:https://github.com/dondoko-susumu/react-native-card-media
8 | 预览:
9 | 10 |
11 | 12 | 13 | ### 圆角图片控件
14 | 15 | 16 | 17 | 项目名:react-native-fb-collage
18 | git地址:https://github.com/meharbhutta/react-native-fb-collage
19 | 预览:
20 | 21 |
22 | 23 | 项目名:react-native-beautiful-image
24 | git地址:https://github.com/phuochau/react-native-beautiful-image
25 | 预览:
26 | 27 |
28 | 29 | 项目名:react-native-group-image
30 | git地址:https://github.com/jondot/react-native-group-image
31 | 预览:
32 | 33 |
34 | 35 | 项目名:react-native-fit-image
36 | git地址:https://github.com/huiseoul/react-native-fit-image
37 | 预览:
38 | 39 |
40 | 41 | ### 图片浏览  42 | 43 | 44 | 45 | 项目名:react-native-images-collage
46 | git地址:https://github.com/lukebrandonfarrell/react-native-images-collage
47 | 预览:
48 | 49 |
50 | 51 | 项目名:react-native-zoom-image
52 | git地址:https://github.com/Tinysymphony/react-native-zoom-image
53 | 预览:
54 | 55 |
56 | 57 | 项目名:react-native-image-carousel
58 | git地址:https://github.com/anvilabs/react-native-image-carousel
59 | 预览:
60 | 61 |
62 | 63 | 项目名:react-native-lightbox
64 | git地址:https://github.com/oblador/react-native-lightbox
65 | 预览:
66 | 67 |
68 | 69 | 项目名:react-native-image-viewer
70 | git地址:https://github.com/ascoders/react-native-image-viewer
71 | 预览:
72 | 73 |
74 | 75 | ### 图片选择器  76 | 77 | 项目名:react-native-camera-roll-picker
78 | git地址:https://github.com/jeanpan/react-native-camera-roll-picker
79 | 预览:
80 | 81 |
82 | 83 | 项目名:react-native-image-crop-picker
84 | git地址:https://github.com/ivpusic/react-native-image-crop-picker
85 | 预览:
86 | 87 |
88 | 89 | 项目名:image-picker-react-native
90 | git地址:https://github.com/Leo-Lang/image-picker-react-native
91 | 预览:
92 | 93 |
94 | 95 | 项目名:react-native-mediapicker
96 | git地址:https://github.com/stoffern/react-native-mediapicker
97 | 预览:
98 | 99 |
100 | 101 | 102 | ### 高斯模糊
103 | 104 | 105 | 项目名:react-native-blur
106 | git地址:https://github.com/react-native-community/react-native-blur
107 | 预览:
108 |
109 | 解释: 110 |
111 | A component for UIVisualEffectView's blur and vibrancy effect on iOS, and 500px-android-blur on Android. 112 |
113 | 114 | 项目名:500px-android-blur
115 | git地址:https://github.com/500px/500px-android-blur
116 | 预览:
117 |
118 | 解释: 119 |
120 | Android Blurring View 121 |
122 | 123 | 124 | 125 | 126 | ### 图片集成库
127 | 项目名:react-native-fast-image
128 | git地址:https://github.com/DylanVann/react-native-fast-image
129 | 预览:
130 |
131 | 解释: 132 |
133 | FastImage, performant React Native image component. 134 |
135 | 136 | 137 | ### 特殊图片功能
138 | 139 | 140 | 项目名:react-native-responsive-image
141 | git地址:https://github.com/charlot567/react-native-comparison-slider
142 | 预览:
143 |
144 | 解释: 145 |
146 | Comparison slider for 2 images for React-Native. 147 |
148 | 149 | 项目名:react-native-responsive-image
150 | git地址:https://github.com/ladas-larry/react-native-responsive-image
151 | 预览:
152 |
153 | 解释: 154 |
155 | Responsive image component for React Native 156 |
157 | 158 | 项目名:react-native-responsive-image
159 | git地址:https://github.com/brh55/react-native-hero
160 | 预览:
161 |
162 | 解释: 163 |
164 | A super duper easy hero unit react-native component with support for dynamic image, dynamic sizing, color overlays, and more 165 |
166 | -------------------------------------------------------------------------------- /TextInput.md: -------------------------------------------------------------------------------- 1 | # TextInput相关 2 | 3 | 项目名:RCTAutoComplete
4 | git地址:https://github.com/nulrich/RCTAutoComplete
5 | 预览:
6 | 7 |
8 | 描述:
9 | React Native Component for MLPAutoCompleteTextField 10 |
11 | 12 | 13 | 项目名:react-native-code-verification
14 | git地址:https://github.com/danchokobo/react-native-code-verification
15 | 预览:
16 | 17 |
18 | 描述:
19 | Simple UI for pincode verification 20 |
21 | 22 | 项目名:react-native-md-textinput
23 | git地址:https://github.com/evblurbs/react-native-md-textinput
24 | 预览:
25 | 26 |
27 | 描述:
28 | React Native TextInput styled with Material Design. 29 |
30 | 31 | 项目名:react-native-stateless-form
32 | git地址:https://github.com/danielweinmann/react-native-stateless-form
33 | 预览:
34 | 35 |
36 | 描述:
37 | Stateless form components for React Native 38 |
39 | 40 | 项目名:react-native-text-input-mask
41 | git地址:https://github.com/react-native-community/react-native-text-input-mask
42 | 预览:
43 | 44 |
45 | 描述:
46 | Text input mask for React Native, Android and iOS 47 |
48 | 49 | 项目名:react-native-floating-label-text-input
50 | git地址:https://github.com/eyaleizenberg/react-native-floating-label-text-input
51 | 预览:
52 | 53 |
54 | 描述:
55 | A React Native component for floating label text input 56 |
57 | 58 | 项目名:react-native-telephone-input
59 | git地址:https://github.com/kundigo/react-native-telephone-input
60 | 预览:
61 | 62 |
63 | 描述:
64 | React Native Telephone Input 65 |
66 | 67 | 项目名:react-native-passwordInput
68 | git地址:https://github.com/chenchunyong/react-native-passwordInput
69 | 预览:
70 | 71 |
72 | 描述:
73 | 采用React Native开发,仿支付宝付款密码输入框 74 |
75 | 76 | 项目名:react-native-textinput-effects
77 | git地址:https://github.com/halilb/react-native-textinput-effects
78 | 预览:
79 | 80 |
81 | 描述:
82 | Text inputs with custom label and icon animations for iOS and android. Built with react native and inspired by Codrops. 83 |
84 | 85 | 项目名:input-number
86 | git地址:https://github.com/react-component/input-number
87 | 预览:
88 | 89 |
90 | 描述:
91 | React Input Number(web & react-native) 92 |
93 | 94 | 项目名:react-native-tag-input
95 | git地址:https://github.com/jwohlfert23/react-native-tag-input
96 | 预览:
97 | 98 |
99 | 描述:
100 | A simple React Native component that creates an input for tags, emails, etc. 101 |
102 | 103 | 项目名:react-native-credit-card-input
104 | git地址:https://github.com/sbycrosz/react-native-credit-card-input
105 | 预览:
106 | 107 |
108 | 描述:
109 | Easy, cross-platform credit-card input for your React Native Project! Start accepting payment 💰 in your app today! 110 |
111 | 112 | 项目名:react-native-credit-card-input
113 | git地址:https://github.com/sbycrosz/react-native-credit-card-input
114 | 预览:
115 | 116 |
117 | 描述:
118 | Easy, cross-platform credit-card input for your React Native Project! Start accepting payment 💰 in your app today! 119 |
120 | 121 | 项目名:react-native-autogrow-textinput
122 | git地址:https://github.com/wix/react-native-autogrow-textinput
123 | 预览:
124 | 125 |
126 | 描述:
127 | A helper component meant to be used as a drop-in replacement for RN TextInput to allow automatic expanding of a multi-line text input according to the number of lines. 128 |
129 | 130 | 项目名:react-native-wordpress-editor
131 | git地址:https://github.com/wix/react-native-wordpress-editor
132 | 预览:
133 | 134 |
135 | 136 | 项目名:react-native-autocomplete-input
137 | git地址:https://github.com/l-urence/react-native-autocomplete-input
138 | 预览:
139 | 140 |
141 | 142 | 项目名:react-native-phone-input
143 | git地址:https://github.com/thegamenicorus/react-native-phone-input
144 | 预览:
145 | 146 |
147 | -------------------------------------------------------------------------------- /PopupWindow.md: -------------------------------------------------------------------------------- 1 | ## PopupWindow
2 | 3 | https://github.com/hiddentao/react-native-modal-filter-picker
4 | 解释:Cross-platform modal picker for React Native which supports keyword filtering, custom rendering, etc 5 |
6 | 预览:
7 | 8 |
9 | 10 | 11 | 12 | 13 | https://github.com/react-component/m-picker
14 | 解释:React Mobile Picker(web & react-native) 15 |
16 | 预览:
17 | 18 |
19 | 20 | 21 | 22 | https://github.com/iberHK/react-native-picker
23 | 解释:纯JS实现的一个高效流畅的日期选择器和区域选择器,支持android、ios 24 |
25 | 预览:
26 | 27 |
28 | 29 | https://github.com/renrizzolo/react-native-sectioned-multi-select
30 | 解释:a multi (or single) select component with support for sub categories, search, chips. 31 |
32 | 预览:
33 | 34 |
35 | 36 | 37 | 38 | https://github.com/react-component/m-date-picker
39 | 解释:React Mobile DatePicker(web & react-native) 40 |
41 | 预览:
42 | 43 |
44 | 45 | https://github.com/sohobloo/react-native-modal-dropdown
46 | 解释:A react-native dropdown/picker/selector component for both Android & iOS. 47 |
48 | 预览:
49 | 50 |
51 | 52 | https://github.com/lesliesam/react-native-wheel-picker
53 | 解释:Cross platform Picker component based on React-native. 54 |
55 | 预览:
56 | 57 |
58 | 59 | 60 | https://github.com/d-a-n/react-native-modal-picker
61 | 解释:A cross-platform (iOS / Android), selector/picker component for React Native that is highly customizable and supports sections. 62 |
63 | 预览:
64 | 65 |
66 | 67 | https://github.com/puredazzle/react-native-simple-picker
68 | 解释:A simple picker for React Native. 69 |
70 | 预览:
71 | 72 |
73 | 74 | https://github.com/Elyx0/react-native-document-picker
75 | 解释:Document Picker for React Native using Document Providers 76 |
77 | 预览:
78 | 79 |
80 | 81 | 82 | https://github.com/xgfe/react-native-picker-xg
83 | 解释:react native Picker component for both Android and iOS based on pure JavaScript [for the old realize, you can use the version 0.0.8] 84 |
85 | 预览:
86 | 87 |
88 | 89 | 90 | https://github.com/chirag04/react-native-tooltip
91 | 解释:A react-native wrapper for showing tooltips 92 |
93 | 预览:
94 | 95 |
96 | 97 | 98 | https://github.com/oblador/react-native-collapsible
99 | 解释:Animated collapsible component for React Native, good for accordions, toggles etc 100 |
101 | 预览:
102 | 103 |
104 | 105 | https://github.com/cesardeazevedo/react-native-bottom-sheet-behavior
106 | 解释:react-native wrapper for android BottomSheetBehavior 107 |
108 | 预览:
109 | 110 |
111 | 112 | https://github.com/sohobloo/react-native-modal-dropdown
113 | 解释:A react-native dropdown/picker/selector component for both Android & iOS. 114 |
115 | 预览:
116 | 117 |
118 | 119 | https://github.com/doomsower/react-native-modal-popover
120 | 解释:React-Native pure JS popover that uses Modal 121 |
122 | 预览:
123 | 124 |
125 | 126 | https://github.com/Elyx0/react-native-document-picker
127 | 解释:Document Picker for React Native using Document Providers 128 |
129 | 预览:
130 | 131 |
132 | 133 | https://github.com/instea/react-native-popup-menu
134 | 解释:Popup menu component for React Native 135 |
136 | 预览:
137 | 138 |
139 | 140 | https://github.com/react-community/react-native-image-picker
141 | 解释:A React Native module that allows you to use native UI to select media from the device library or directly from the camera 142 |
143 | 预览:
144 | 145 |
146 | 147 | 148 | https://github.com/beefe/react-native-picker
149 | 解释:A Native Picker with high performance 150 |
151 | 预览:
152 | 153 |
154 | 155 | 156 | https://github.com/jeanregisser/react-native-popover
157 | 解释:A < Popover /> component for react-native 158 |
159 | 预览:
160 | 161 |
162 | 163 | https://github.com/maxs15/react-native-modalbox
164 | 解释:A < Popover /> component for react-native 165 |
166 | 预览:
167 | 168 |
169 | --------------------------------------------------------------------------------