React Native 全家桶

[youngjuning]

UI Kit UI组件库

• [ ] shoutem：组件丰富，设计风格酷炫、团队也比较牛逼（3000+）
• [ ] react-native-training/react-native-elements：Cross Platform React Native UI Toolkit
• [ ] ant-design/ant-design-mobile-rn ：Ant Design 移动端设计规范。antd-mobile-rn 是 Ant Design 的移动规范的 React 实现，服务于蚂蚁及口碑无线业务。
• [ ] meituan/beeshell ：React Native 组件库

[youngjuning]

无人维护，且有bug

• [x] beefe/react-native-picker ：除了普通选择器，地区选择器、时间选择器都需要二次封装。综合下来也就 地区三级联动可以用用（需要配合我发布的 react-native-picker-area-json） 使用或覆盖了过时的API
• [x] wuxudong/react-native-charts-wrapper：a react native charts wrapper (support android & ios)使用或覆盖了过时的API
• [x] react-native-baidu-map：百度地图相关模块和视图，支持react native 0.40+。 https://github.com/lovebing/react-native-baidu-map/issues/180 有严重BUG，无人维护

[youngjuning]

地图 Map

• [x] react-native-amap3dreact-native 高德地图组件，使用最新 3D SDK，支持 Android + iOS
• [ ] react-native-component/react-native-smart-amap：react-native 高德地图SDK 插件

[youngjuning]

动画、美化、css

• [ ] oblador/react-native-animatable ：这是一个标准集合，让你可以在React Native 中轻松地使用动画和声明过渡效果
• [ ] oblador/react-native-image-progress ：Progress indicator for networked images in React Native
• [ ] react-native-community/react-native-linear-gradient ：A component for react-native
• [ ] react-native-community/react-native-blur ：React Native Blur component
• [ ] maxs15/react-native-spinkit ：A collection of animated loading indicators for React Native
• [ ] joinspontaneous/react-native-loading-spinner-overlay ：💈 The only pure React Native, Native iOS and Android loading spinner (progress bar indicator) overlay react-native-whc-loading https://github.com/react-community/lottie-react-native

[youngjuning]

表格

• [ ] Gil2015/react-native-table-component ：在 rn 上构建表格

[youngjuning]

列表

• [ ] FaridSafi/react-native-gifted-listview ：✌️ ListView with pull-to-refresh and infinite scrolling for Android and iOS React-Native apps（有BUG）
• [ ] sghiassy/react-native-sglistview ：SGListView is a memory minded implementation of React Native's ListView
• [ ] huanxsd/react-native-refresh-list-view ：基于FlatList的上拉、下拉刷新组件
• [ ] johanneslumpe/react-native-selectablesectionlistview ：一个通讯录组件
• [ ] youngjuning/react-native-listview-refresh
• [ ] syrusakbary/react-native-refresher ：A pull to refresh ListView for React Native completely written in js.
• deanmcpherson/react-native-sortable-listview ：Drag drop capable wrapper of ListView for React Native

[youngjuning]

轮播

• leecade/react-native-swiper ：The best Swiper component for React Native.
• race604/react-native-viewpager ：[Deprecated] ViewPager component for React Native
• https://github.com/archriss/react-native-snap-carousel
• https://github.com/phil-r/react-native-looped-carousel

[youngjuning]

图片相关插件

图片组件

• [ ] DylanVann/react-native-fast-image ：🚩 FastImage, performant React Native image component.

灯箱

• [ ] oblador/react-native-lightbox ：Images etc in Full Screen Lightbox Popovers for React Native

图廊

• [ ] ascoders/react-native-image-viewer ：🚀 tiny & fast lib for react native image viewer pan and zoom
• [ ] ldn0x7dc/react-native-gallery ：A pure JavaScript image gallery component for react-native apps
• [ ] archriss/react-native-image-gallery ：Pure JavaScript image gallery component for iOS and Android with high-performance and native feeling in mind
• [ ] InterfaceKit/react-native-interactive-image-gallery ：A React Native component to display a gallery of images.

[youngjuning]

参考

• ReactNative开发常用的三方模块
• https://js.coach/?collection=React+Native
• https://blog.csdn.net/sinat_17775997/article/details/70347606
• https://www.jianshu.com/p/c7a8f115dca0

[youngjuning]

日历、时间选择器

• wix/react-native-calendars：React-native 日历组件（支持Calendar, CalendarList, Agenda）
• lazaronixon/react-native-date-range-picker ：Simple date range picker extended from react-native-calendars
• cqm1994617/react-native-myCalendar：国人开发的，已经不维护了
• xgfe/react-native-datepicker ：react native datePicker component for both Android and IOS, useing DatePikcerAndroid, TimePickerAndroid and DatePickerIOS
• Tinysymphony/react-native-calendar-select ：A component to select period from calendar like Airbnb

[youngjuning]

系统

• [ ] itinance/react-native-fs：Native filesystem access for react-native
• [ ] wkh237/react-native-fetch-blob ：A project committed to making file access and data transfer easier, efficient for React Native developers.
• [ ] yamill/react-native-orientation ：Listen to device orientation changes in react-native and set preferred orientation on screen to screen basis.

[youngjuning]

picker

图片选择器

• [ ] react-community/react-native-image-picker ：让你可以使用 原生UI来从设备库或直接从相机中选择媒体
• [ ] ivpusic/react-native-image-crop-picker ：支持 camera 的 iOS/Android image picker，压缩可配置, 多图上传和裁切
• [ ] syanbo/react-native-syan-image-picker ：基于已有原生第三方框架封装的多图片选择组件，适用于 React Native App
• [ ] mg365/react-native-customized-image-picker ：iOS/Android image picker with support for camera, video compression, multiple images and cropping

日期时间选择器

• [x] mmazzarolo/react-native-modal-datetime-picker ：跨平台的日期和时间选择器，调用的是原生的UI，实现的比较完整。date、time、datetime三种模式（需要使用 dayjs（推荐） 或者 moment 格式化）

下拉选择器

• alinz/react-native-dropdown ：This is simple implementation of drop down menu

[youngjuning]

表单

• FaridSafi/react-native-gifted-form ：📝 « One React-Native form component to rule them all »
• react-component/form ：React High Order Form Component(web & react-native)
• gcanti/tcomb-form-native ：强大的表单处理控件，支持 JSON 模式，可插拔的外观和感觉。

[youngjuning]

启动页面

• [x] crazycodeboy/react-native-splash-screen ：A splash screen for react-native, hide when application loaded ,it works on iOS and Android.【推荐】
• [ ] remobile/react-native-splashscreen ：A splashscreen for react-native, hide when application loaded
• [ ] mehcode/rn-splash-screen ：A JavaScript-controlled splash-screen for React Native designed to be run directly after the native splash-screen.

[youngjuning]

引导页

• [ ] FuYaoDe/react-native-app-intro ：react-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs...

[youngjuning]

二维码

• [ ] MarnoDev/AC-QRCode-RN ：A smart barcode scanner component for React Native app.
• [ ] react-native-smart-barcode ：A highly customizable QR code scanning component for React Native
• [ ] ideacreation/react-native-barcodescanner ：不再维护的二维码扫描组件
• [ ] cssivision/react-native-qrcode：a minimalist qrcode component for react-native

[youngjuning]

即时通讯

通用

• [ ] jpush/aurora-imui ：通用 IM 聊天 UI 组件，已经同时支持 Android/iOS/RN【极光团队出品】
• [ ] FaridSafi/react-native-gifted-chat ：💬 The most complete chat UI for React Native
• [ ] Ice-MT/react-native-imUI ：基于React Native 实现的IM聊天功能，这部分代码是项目中抽出来的 IM界面UI部分代码

集成SDK

• react-native-netease-im：网易云信React Native组件
• webim-react-native：React Native Demo 已集成环信 Web IM SDK，并提供即时通讯基本功能，开发者可以直接将该 Demo 集成到您的应用中，立即获得即时通讯的能力。
• im.js：一个基于 react-native + mobx + socket.io + node 的仿微信 JS-Wechat

[youngjuning]

图表

如何在react-native中实现饼图和环形图——victory基础教程

• [ ] FormidableLabs/victory-native ：victory components for react native
• [ ] shifeng1993/react-native-secharts ：一个webview封装的图表组件。基于百度echarts4
• [ ] react-apexcharts apexcharts

[youngjuning]

导航

react-navigation

• [ ] react-navigation/react-navigation ：Routing and navigation for your React Native apps
• [ ] pmachowski/react-navigation-is-focused-hoc ：Ready to use solution using HOC to expose props.isFocused for react-navigation. No Redux needed.
• [ ] react-navigation/react-navigation-material-bottom-tabs ：React Navigation Material Bottom Tabs
• [ ] Traviskn/react-navigation-slide-from-right-transition ：A slide-from-right transition config for use with react navigation's stack navigator on android
• [ ] hotchpotch/react-navigation-mobx-example ：MobX Integration react-navigation + Navigation Playground Example
• [ ] vonovak/react-navigation-header-buttons ：Easily render header buttons for react-navigation.
• [ ] brentvatne/react-navigation-addon-search-layout ：Note: this currently depends on the Expo environment being present.
• vonovak/react-navigation-backhandler ：Easily handle Android back button behavior with React-Navigation.

others

• [ ] react-native-community/react-native-tab-view ：A cross-platform Tab View component for React Native
• [ ] timomeh/react-native-material-bottom-navigation ：💅🔧👌 A beautiful, customizable and easy-to-use Material Design Bottom Navigation for react-native

[youngjuning]

视频相关组件

• [x] react-native-community/react-native-video：A <Video /> component for react-native
• [x] itsnubix/react-native-video-controls ：A React Native video component with controls
• [ ] cornedor/react-native-video-player ：A video player for React Native with controls
• easyui/react-native-ezplayer ：EZPlayer component for react-native apps
• react-native-af-video-player

[youngjuning]

https://github.com/forrest23/ReactNativeComponents

[youngjuning]

运维相关

• [ ] Microsoft/react-native-code-push

[youngjuning]

开发工具

• [ ] jhen0409/react-native-debugger ：The standalone app based on official debugger of React Native, and includes React Inspector / Redux DevTools
• [ ] facebook/react-devtools ：An extension that allows inspection of React component hierarchy in the Chrome and Firefox Developer Tools.

[youngjuning]

网格布局

• lucholaf/react-native-grid-view ：React Native Grid/Collection View component
• agiletechvn/react-native-search-box ：A simple search box with animation, inspired from ios search bar. Lightweight, fast, flexible. UPGRADE WILL SOON AVAILABLE

[youngjuning]

搜索框

• umhan35/react-native-search-bar ：The high-quality iOS native search bar for react native.

[youngjuning]

Message Bar

• KBLNY/react-native-message-bar ：A notification bar alert displayed at the top of the screen for react-native（有BUG，没人维护了）
• testshallpass/react-native-dropdownalert ：A simple alert to notify users about new chat messages, something went wrong or everything is ok.

[youngjuning]

星级评定

• djchie/react-native-star-rating ：A React Native component for generating and displaying interactive star ratings

[youngjuning]

侧滑组件

• dancormier/react-native-swipeout ：iOS-style swipeout buttons behind component

[youngjuning]

文字跑马灯

• cheng-kang/react-native-lahk-marquee-label-vertical ：A react-native marquee(vertical) label component.
• cheng-kang/react-native-lahk-marquee-label ：A react-native marquee(horizon) label component.

[youngjuning]

瀑布流

• junhaotong/react-native-waterfall ：React Native 瀑布流组件

[youngjuning]

栅格 grid

• https://github.com/phil-r/react-native-grid-component
• https://github.com/GeekyAnts/react-native-easy-grid
• https://github.com/saleel/react-native-super-grid
• https://www.jianshu.com/p/f74688e54483

[youngjuning]

悬浮按钮

• mastermoo/react-native-action-button ：React Native悬浮按钮组件
• santomegonzalo/react-native-floating-action：Material design action button for React Native

按钮

• rcaferati/react-native-really-awesome-button ：📱React Native 60fps extendable, production ready component that renders an animated set of 3D UI buttons.

[youngjuning]

步骤条

• thegamenicorus/react-native-timeline-listview ：Timeline component for React Native App

[youngjuning]

样式

vitalets/react-native-extended-stylesheet ：Extended StyleSheets for React Native

[youngjuning]

持久化储存

• sunnylqm/react-native-storage ：这是一个本地持久存储的封装，可以同时支持react-native(AsyncStorage)和浏览器(localStorage)。ES6语法，promise异步读取，使用jest进行了完整的单元测试。

[youngjuning]

可拖动排序

• [ ] mochixuan/react-native-drag-sort ：Drag and drop sort control for react-native
• [ ] React Native实现应用中心图标拖动功能

[youngjuning]

本地存储

• react native AsyncStorage
• sunnylqm/react-native-storage ：这是一个本地持久存储的封装，可以同时支持react-native(AsyncStorage)和浏览器(localStorage)。ES6语法，promise异步读取，使用jest进行了完整的单元测试。
• antoniopresto/react-native-local-mongodb ：react-native local mongodb storage. Forked from nedb.
• andpor/react-native-sqlite-storage ：Full featured SQLite3 Native Plugin for React Native (Android and iOS)
• realm/realm-js ：Realm is a mobile database: an alternative to SQLite & key-value stores

[youngjuning]

适配相关

• react-community/react-native-safe-area-view ：JS only version of SafeAreaView for supporting iPhone X safe area insets.