https://github.com/huaize2020/awesome-react-native
React Native资源大全中文版。An awesome React Native packages and resources
https://github.com/huaize2020/awesome-react-native
List: awesome-react-native
Last synced: 6 months ago
JSON representation
React Native资源大全中文版。An awesome React Native packages and resources
- Host: GitHub
- URL: https://github.com/huaize2020/awesome-react-native
- Owner: huaize2020
- License: mit
- Created: 2021-11-12T08:19:35.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-03-10T03:04:55.000Z (about 2 years ago)
- Last Synced: 2024-10-29T15:43:54.552Z (7 months ago)
- Homepage:
- Size: 61.5 KB
- Stars: 15
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README-en.md
- License: LICENSE
Awesome Lists containing this project
- ultimate-awesome - awesome-react-native - React Native资源大全中文版。An awesome React Native packages and resources. (Other Lists / Julia Lists)
README
English | [简体中文](./README.md)
> Under continuous construction...
## Table of contents
- [Table of contents](#table-of-contents)
- [Official](#official)
- [Utilities](#utilities)
- [Boilerplate/Template](#boilerplatetemplate)
- [UI Frameworks](#ui-frameworks)
- [Components](#components)
- [Styling](#styling)
- [Icon](#icon)
- [Button](#button)
- [Navigation](#navigation)
- [List](#list)
- [Tab](#tab)
- [Splash Screen](#splash-screen)
- [Image](#image)
- [Viewer/Swiper/Carousel](#viewerswipercarousel)
- [Forms](#forms)
- [Animation](#animation)
- [Drawer](#drawer)
- [Dialog/Modal/Alert](#dialogmodalalert)
- [Safe Area](#safe-area)
- [Data Visualization](#data-visualization)
- [Media](#media)
- [WebRTC](#webrtc)
- [Camera/Photo](#cameraphoto)
- [Video](#video)
- [Audio](#audio)
- [Storage / Database](#storage--database)
- [Device](#device)
- [Device Info](#device-info)
- [Network Info](#network-info)
- [System](#system)
- [NFC](#nfc)
- [Parsing](#parsing)
- [Development Tools](#development-tools)## Official
- [Website](https://reactnative.dev/)
- [Documentation](https://reactnative.dev/docs/getting-started)
- [Repository](https://github.com/facebook/react-native)## Utilities
- [react-native-root-siblings](https://github.com/magicismight/react-native-root-siblings) - Add sibling elements after your app root element. This can be used to create a Modal component or something should be over your app. 
- [react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values) - A small implementation of crypto.getRandomValues for React Native. This is useful to polyfill for libraries like uuid that depend on it. 
- [react-native-url-polyfill](https://github.com/charpeni/react-native-url-polyfill) - 🔗A lightweight and trustworthy URL polyfill for React Native. ## Boilerplate/Template
- [ignite](https://github.com/infinitered/ignite) - Infinite Red's cutting edge React Native project boilerplate, along with a CLI, component/model generators, and more! 
- [react-native-template-typescript](https://github.com/emin93/react-native-template-typescript) - Clean and minimalist React Native template for a quick start with TypeScript. 
- [react-native-typescript-boilerplate](https://github.com/AmitM30/react-native-typescript-boilerplate) - An opinionated boilerplate built with React Native Navigation v3 + Redux + Thunk, in TypeScript. Follows industry best practices. ## UI Frameworks
- [react-native-elements](https://github.com/react-native-elements/react-native-elements) - Cross-Platform React Native UI Toolkit. 
- [react-native-ui-kitten](https://github.com/akveo/react-native-ui-kitten) - 💥 React Native UI Library based on Eva Design System 🌚✨Dark Mode. 
- [react-native-paper](https://github.com/callstack/react-native-paper) - Material design for React Native. 
- [@shoutem/ui](https://github.com/shoutem/ui) - Customizable set of components for React Native applications. 
- [@ant-design/react-native](https://github.com/ant-design/ant-design-mobile-rn) - Ant Design for React Native. ## Components
### Styling
- [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient) - A component for react-native. 
- [react-native-blur](https://github.com/Kureev/react-native-blur)- React Native Blur component. 
- [react-native-shadow-2](https://github.com/SrBrahma/react-native-shadow-2) - Cross-platform shadow for React Native. Improved version of the abandoned react-native-shadow package. ### Icon
- [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons) - Customizable Icons for React Native with support for NavBar/TabBar, image source and full styling. Choose from 3000+ bundled icons or use your own. 
- [@ant-design/icons-react-native](https://github.com/ant-design/ant-design-icons/tree/master/packages/icons-react-native) - Ant Design Icons for React Native. 
- [@expo/vector-icons](https://github.com/expo/vector-icons) - This library is a compatibility layer around @oblador/react-native-vector-icons to work with the Expo asset system. 
- [react-native-eva-icons](https://github.com/artyorsh/react-native-eva-icons) - [Eva Icons](https://github.com/akveo/eva-icons) implementation for React Native based on react-native-svg elements. 
- [react-icomoon](https://github.com/aykutkardas/react-icomoon) - With React-Icomoon you can easily use the icons you have selected or created in icomoon. 📦 Zero Dependencies and Lightweight. ### Button
- [react-native-action-button](https://github.com/mastermoo/react-native-action-button) - Customizable multi-action-button component for react-native. 
- [react-native-really-awesome-button](https://github.com/rcaferati/react-native-really-awesome-button) - RNRAB is a 3D at 60fps, progress enabled, extendable, production ready component that renders an awesome animated set of UI buttons. 
- [react-native-button](https://github.com/ide/react-native-button) - A button for React apps. 
- [apsl-react-native-button](https://github.com/APSL/react-native-button) - React Native button component with rounded corners. ### Navigation
- [react-navigation](https://github.com/react-navigation/react-navigation) - Routing and navigation for your React Native apps. 
- [react-native-navigation](https://github.com/wix/react-native-navigation) - A complete native navigation solution for React Native. 
- [react-native-router-flux](https://github.com/aksonov/react-native-router-flux) - React Native Router based on new React Native Navigation API. 
- [react-native-screens](https://github.com/software-mansion/react-native-screens) - Native navigation primitives for your React Native app. 
- [react-native-navigation-hooks](https://github.com/underscopeio/react-native-navigation-hooks) - A set of React hooks for React Native Nav. ### List
- [recyclerlistview](https://github.com/Flipkart/recyclerlistview) - High performance listview for React Native and web. 
- [flash-list](https://github.com/Shopify/flash-list) - A better list for React Native. ### Tab
- [react-native-tab-view](https://github.com/satya164/react-native-tab-view) - A cross-platform Tab View component for React Native. 
### Splash Screen
- [react-native-splash-screen ★2663](https://github.com/crazycodeboy/react-native-splash-screen) - A splash screen for react-native, hide when application loaded, it works on iOS and Android. 
- [react-native-splashscreen ★358](https://github.com/remobile/react-native-splashscreen) - A splash screen for react-native. ### Image
- [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image) - 🚩 FastImage, performant React Native image component. 
- [react-native-svg](https://github.com/react-native-svg/react-native-svg) - SVG library for React Native, React Native Web, and plain React web projects. 
- [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker) - iOS/Android image picker with support for camera, video, configurable compression, multiple images and cropping. 
- [react-native-view-shot](https://github.com/gre/react-native-view-shot) - Snapshot a React Native view and save it to an image. 
- [react-native-svg-uri](https://github.com/vault-development/react-native-svg-uri) - Render SVG images in React Native from an URL or static file(Depends on react-native-svg). 
- [react-native-image-viewing](https://github.com/jobtoday/react-native-image-viewing) - Tiny, purely TS, modal component for viewing images 🏙. ### Viewer/Swiper/Carousel
- [react-native-swiper](https://github.com/leecade/react-native-swiper) - The best Swiper component for React Native. 
- [react-native-snap-carousel](https://github.com/archriss/react-native-snap-carousel) - Swiper/carousel component for React Native featuring previews, multiple layouts, parallax images, performant handling of huge numbers of items, and more. 
- [react-native-image-viewer](https://github.com/ascoders/react-native-image-viewer) - 🚀 tiny & fast lib for react native image viewer pan and zoom. 
- [react-native-looped-carousel](https://github.com/appintheair/react-native-looped-carousel) - Create looped carousel of views or images. 
- [photo-viewer](https://github.com/merryjs/photo-viewer) - A photo viewer for react native build on top of NYTPhotoViewer and FrescoImageViewer. 
- [react-native-zoom-image](https://github.com/Tinysymphony/react-native-zoom-image) - An image viewer component for react-native, like twitter's image viewer. ### Forms
- [formik](https://github.com/jaredpalmer/formik) - Forms in React, without tears. 
- [react-hook-form](https://github.com/react-hook-form/react-hook-form) - React hooks for forms validation without the hassle. 
- [redux-form](https://github.com/redux-form/redux-form) - Redux form state management (Web and Native). 
- [formily](https://github.com/alibaba/formily) - High performance, extensible, and Typescript friendly. 
- [tcomb-form-native](https://github.com/gcanti/tcomb-form-native) - Generate React Native forms. 
- [react-native-gifted-form](https://github.com/FaridSafi/react-native-gifted-form) - Form component for react-native. 
- [react-native-clean-form](https://github.com/esbenp/react-native-clean-form) - Good looking form elements with redux-form integration. Stylable with styled-components. 
- [react-native-form-generator](https://github.com/MichaelCereda/react-native-form-generator) - Generate amazing React Native forms in a breeze. 
- [react-reactive-forms](https://github.com/bietkul/react-reactive-form) - Angular like reactive forms in React. 
- [react-native-form](https://github.com/julianocomg/react-native-form) - A simple react-native component to wrap your form fields! 
- [react-native-from-builder](https://github.com/bietkul/react-native-form-builder) - Handle your forms in a smart way. 
- [react-native-forms](https://github.com/michaelhelvey/react-native-forms) - A declarative API for creating, validating, and serializing native-looking forms. 
- [foect](https://github.com/unexge/foect) - Simple form validation library for React Native ### Animation
- [lottie-ios](https://github.com/airbnb/lottie-ios) - Lottie for iOS, macOS (and Android and React Native). 
- [lottie-react-native](https://github.com/airbnb/lottie-react-native) - A mobile library for Android and iOS that parses Adobe After Effects animations exported as JSON with bodymovin and renders them natively on mobile! 
- [react-native-animatable](https://github.com/oblador/react-native-animatable) - Standard set of easy to use animations and declarative transitions for React Native. 
- [react-native-interactable](https://github.com/wix/react-native-interactable) - Experimental implementation of high performance interactable views in React Native. 
- [react-native-reanimated](https://github.com/kmagiera/react-native-reanimated) - React Native's Animated library reimplemented. 
- [react-native-magic-move](https://github.com/IjzerenHein/react-native-magic-move) - Create magical move transitions between scenes in react-native 🐰🎩✨ (shared element transitions) ### Drawer
- [@react-navigation/drawer](https://github.com/react-navigation/react-navigation/tree/main/packages/drawer) - Drawer navigator for React Navigation following Material Design guidelines. 
- [react-native-drawer](https://github.com/root-two/react-native-drawer) - React Native Drawer. 
- [react-native-scaling-drawer](https://github.com/melihberberolu/react-native-scaling-drawer) - React native scaling drawer. 
- [react-native-bouncy-drawer](https://github.com/SoftZen/react-native-bouncy-drawer) - Highly customizable Bouncy Drawer. 
- [react-native-draggable-drawer](https://github.com/llanox/react-native-draggable-drawer) - DraggableDrawer component for React Native. ### Dialog/Modal/Alert
- [react-native-modal](https://github.com/react-native-community/react-native-modal) - An enhanced, animated and customizable react-native modal. 
- [react-native-modals](https://github.com/jacklam718/react-native-modals) - A react native modals library. Swipeable. Highly customizable. Support multi modals & Support custom animation. For IOS & Android. 
- [react-native-root-modal](https://github.com/magicismight/react-native-root-modal) - React native modal component. 
- [react-native-simple-dialogs](https://github.com/douglasjunior/react-native-simple-dialogs) - Cross-platform simple dialogs for React Native based on the Modal component. 
- [react-native-fs-modal](https://github.com/kirkness/react-native-fs-modal) - React native full screen modal component. ### Safe Area
- [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context) - A flexible way to handle safe area insets in JS. Also works on Android and Web! 
### Data Visualization
- [victory](https://github.com/FormidableLabs/victory) - A collection of composable React components for building interactive data visualizations. 
- [f2native](https://github.com/antvis/f2native) - 📱📈An elegant, interactive and flexible native charting library for mobile. ### Media
#### WebRTC
- [react-native-webrtc](https://github.com/react-native-webrtc/react-native-webrtc) - The WebRTC module for React Native. 
- [react-native-incall-manager](https://github.com/zxcpoiu/react-native-incall-manager) - Handling media-routes/sensors/events during a audio/video chat like webrtc. #### Camera/Photo
- [react-native-camera](https://github.com/lwansbrough/react-native-camera) - Camera component. 
- [react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker) - iOS/Android image picker with support for camera, video, configurable compression, multiple images and cropping. 
- [react-native-camera-kit](https://github.com/wix/react-native-camera-kit) - A high performance, easy to use, rock solid camera library for React Native apps. 
- [react-native-cameraroll](https://github.com/react-native-cameraroll/react-native-cameraroll) - CameraRoll is a react-native native module that provides access to the local camera roll or photo library. 
- [react-native-camera-roll-picker](https://github.com/jeanpan/react-native-camera-roll-picker) - A React Native component providing images selection from camera roll. #### Video
- [react-native-video](https://github.com/react-native-video/react-native-video) - A Video component for react-native. 
- [react-native-video-processing](https://github.com/shahen94/react-native-video-processing) - Native Video editing/trimming/filtering library for React-Native. 
* [react-native-videoeditorsdk](https://github.com/imgly/vesdk-react-native) - React Native module for [VideoEditor SDK](https://www.videoeditorsdk.com) (Android & iOS). #### Audio
- [react-native-sound](https://github.com/zmxv/react-native-sound) - React Native module for playing sound clips. 
- [react-native-track-player](https://github.com/react-native-kit/react-native-track-player) - A fully fledged audio module created for music apps. Provides audio playback, external media controls, chromecast support and background mode for Android, iOS and Windows. 
- [react-native-audio](https://github.com/jsierles/react-native-audio) - Record and play back audio in your iOS or Android React Native apps. (no longer maintained). 
- [react-native-audio-toolkit](https://github.com/react-native-community/react-native-audio-toolkit) - Audio playback and recording for react-native. In addition to basic functionality, many useful features are implemented such as seeking, looping and streaming audio files over the network. 
- [react-native-music-control](https://github.com/tanguyantoine/react-native-music-control) - Display and manage media controls on lock screen and notification center for iOS and Android. ### Storage / Database
- [rxdb](https://github.com/pubkey/rxdb) - 🔄 A client side, offline-first, reactive database for JavaScript Applications. 
- [WatermelonDB](https://github.com/Nozbe/WatermelonDB) - 🍉 Reactive & asynchronous database for powerful React and React Native apps ⚡️ 
- [realm-js](https://github.com/realm/realm-js) - Realm is a mobile database: an alternative to SQLite & key-value stores. 
- [react-native-storage](https://github.com/sunnylqm/react-native-storage) - local storage wrapper for both react-native and browser. Support size controlling, auto expiring, remote data auto syncing and getting batch data in one query. 
- [react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage) - Full featured SQLite3 Native Plugin for React Native (Android and iOS) ### Device
#### Device Info
- [react-native-device-info](https://github.com/rebeccahughes/react-native-device-info) - Get device information using react-native. 
#### Network Info
- [@react-native-community/netinfo](https://github.com/react-native-netinfo/react-native-netinfo) - React Native Network Info API for Android & iOS. 
#### System
- [react-native-permissions](https://github.com/yonahforst/react-native-permissions) - Check and request all permissions with a single api. 
#### NFC
- [react-native-nfc-manager](https://github.com/revtel/react-native-nfc-manager) - React Native NFC module for Android & iOS. 
### Parsing
- [react-native-render-html](https://github.com/meliorence/react-native-render-html) - iOS/Android pure javascript react-native component that renders your HTML into 100% native views. 
- [react-native-htmlview](https://github.com/jsdf/react-native-htmlview) - A React Native component which renders HTML content as native views. ## Development Tools
- [react-native-flipper](https://github.com/facebook/flipper) - Flipper (formerly Sonar) is a platform for debugging mobile apps on iOS and Android and, recently, even JS apps in your browser or in Node.js. Visualize, inspect, and control your apps from a simple desktop interface. Use Flipper as is or extend it using the plugin API. 
- [@welldone-software/why-did-you-render](https://github.com/welldone-software/why-did-you-render) - why-did-you-render by Welldone Software monkey patches React to notify you about potentially avoidable re-renders. (Works with React Native as well.) 
- [reactotron-react-native](https://github.com/infinitered/reactotron-react-native) - A development tool to explore, inspect, and diagnose your React Native apps. 