<h2>Overview:</h2>
<p>The document provides a curated list of Awesome React Native Native Modules, offering guidelines, components, news, tools, and learning materials. It covers important aspects such as things to know before creating a Native Module, eligibility criteria, advantages, disadvantages, setup instructions, tutorials, blogs, videos, samples, and various categories of Native Modules and libraries. The content also includes UI Native Modules and provides a list of specific components with their descriptions and GitHub stars.</p>
<h2>Features:</h2>
<ul>
<li><strong>react-native-linear-gradient:</strong> A component for react-native.</li>
<li><strong>react-native-tableview:</strong> Native iOS UITableView for React Native with JSON support and more.</li>
<li><strong>react-native-overlay:</strong> A component that brings content inside to the front of the view.</li>
<li><strong>react-native-search-bar:</strong> High-quality iOS native search bar for React Native.</li>
<li><strong>react-native-bottom-sheet-behavior:</strong> React Native wrapper for Android BottomSheetBehavior.</li>
<li><strong>react-native-sketch:</strong> React Native component for touch-based drawing.</li>
<li><strong>react-native-signature-capture:</strong> Modular component for capturing signatures as images.</li>
<li><strong>react-native-effects-view:</strong> Blurs and vibrancy using iOS8 UIVisualEffectViews with ReactNative.</li>
</ul>
<h2>Summary:</h2>
<p>The document offers a comprehensive guide on React Native Native Modules, covering essential topics like creating, adding, and using Native Modules in React Native apps. The list of UI Native Modules provides developers with various components to enhance their applications with advanced functionality and features. It serves as a valuable resource for React Native developers looking to leverage pre-built solutions for a better app development experience.</p>


<h2>Overview</h2>
<p>The React Native App Tour library serves as a bridge around native app tour libraries, enabling developers to create and display interactive and guided tours within their mobile applications for both Android and iOS platforms.</p>
<h2>Features</h2>
<ul>
<li><strong>Support for Android and iOS</strong>: Utilizes KeepSafe/TapTargetView for Android and aromajoin/material-showcase-ios for iOS.</li>
<li><strong>Easy Installation</strong>: Compatible with React Native 61 and above, with clear installation instructions provided.</li>
<li><strong>Comprehensive API</strong>: Offers a range of API functions including adding, removing, and showing tour targets, as well as managing sequences.</li>
</ul>
<h2>Summary</h2>
<p>In summary, the React Native App Tour library is a valuable tool for developers seeking to enhance user onboarding experiences within their mobile applications. With support for both Android and iOS platforms, a user-friendly installation process, and a comprehensive API, this library provides the essential functionality needed to create engaging and interactive app tours.</p>


<h2>Overview:</h2>
<p>This product analysis will focus on a library that creates native BottomSheet actions following Material Design Specs for Android and iOS platforms. The installation process and key features of the library will be discussed to provide a comprehensive understanding of its functionality.</p>
<h2>Features:</h2>
<ul>
<li><strong>Sheet View</strong>: Create bottom sheet actions.</li>
<li><strong>Grid View</strong>: Implement grid view actions.</li>
<li><strong>Alert View</strong>: Display alert messages.</li>
</ul>
<h3>For Android:</h3>
<ol>
<li>For RN61 >= RNBAS V2, add snippet to app build.gradle.</li>
<li>For RN61 above, use react-native-bottom-action-sheet V1+.</li>
<li>For RN60 &#x3C; RNBAS V1, use react-native-bottom-action-sheet V.0.*.</li>
<li>Run <code>react-native link react-native-bottom-action-sheet</code>.</li>
<li>Run <code>react-native link react-native-vector-icons</code>.</li>
</ol>
<h3>For iOS:</h3>
<ol>
<li>Add snippet to Podfile and run pod update.</li>
<li>Verify <code>node_modules/react-native-bottom-action-sheet/ios/</code> contains Pods folder.</li>
</ol>
<h2>Summary:</h2>
<p>This library provides a convenient way to implement native BottomSheet actions following the Material Design Specs on both Android and iOS platforms. The installation process involves adding necessary snippets to the app configuration files and running specific commands for proper integration. Key features include Sheet View, Grid View, and Alert View, each offering different functionalities for customizing and displaying actions or alerts in a mobile application environment.</p>


<h2>Overview</h2>
<p>The React Native File Selector library is a ReactNative Bridge for native libraries, enabling the native selection or picking of files from the device's file system. It supports RN60 and above, offering functionalities for both Android and iOS platforms.</p>
<h2>Features</h2>
<ul>
<li><strong>Native File Selection:</strong> Allows users to select or pick files natively from the device's file system.</li>
<li><strong>Compatibility:</strong> Supports React Native version 60 and above.</li>
<li><strong>iOS and Android Support:</strong> Provides features and functionality for both iOS and Android platforms.</li>
<li><strong>Customization:</strong> Offers various props to customize the file selection process.</li>
<li><strong>Filtering Options:</strong> Supports filtering files based on different criteria.</li>
<li><strong>Contribution:</strong> Welcomes contributions and bug reports from the community.</li>
<li><strong>License:</strong> Provided under the Apache License.</li>
</ul>
<h2>Summary</h2>
<p>The React Native File Selector library provides a convenient way to interact with device file systems within React Native projects. With support for both Android and iOS platforms, customization options, filtering capabilities, and a user-friendly API, this library simplifies the process of file selection for developers. Contributions are welcomed, making this library a collaborative effort within the React Native community.</p>


<h2>Overview:</h2>
<p>The React Native Photo Editor is a mobile library supported by React Native V61 and above. It allows users to edit photos within the app sandbox, providing features like cropping, adding images and stickers, text with colors, drawing with colors, scaling and rotating objects, deleting objects, saving and sharing images, and cool animations. The purpose of this library is to enhance user experience by enabling photo editing functionalities within the app.</p>
<h2>Features:</h2>
<ul>
<li><strong>Cropping</strong>: Crop images to desired sizes.</li>
<li><strong>Adding Images</strong>: Insert additional images into the photo.</li>
<li><strong>Stickers</strong>: Include stickers from the native project resources.</li>
<li><strong>Adding Text with Colors</strong>: Add text with customizable colors.</li>
<li><strong>Drawing with Colors</strong>: Draw on images using various colors.</li>
<li><strong>Scaling and Rotating Objects</strong>: Resize and rotate objects within images.</li>
<li><strong>Deleting Objects</strong>: Remove unwanted elements from the photo.</li>
<li><strong>Saving to Photos and Sharing</strong>: Save edited images to the device and easily share them.</li>
<li><strong>Cool Animations</strong>: Enhance user interactions with animated features.</li>
</ul>
<h3>iOS:</h3>
<ul>
<li>Ensure CocoaPods is installed.</li>
<li>Include Flipper iOS Setup Guidelines in Podfile.</li>
<li>Add required activities and permissions to the Android manifest.</li>
<li>Execute the command: <code>$ yarn add react-native-photo-editor</code>.</li>
</ul>
<h2>Summary:</h2>
<p>The React Native Photo Editor library offers a comprehensive set of features for editing images within mobile applications. By providing functionalities like cropping, adding stickers, text, and drawings, as well as the ability to save and share edited images, developers can enhance user engagement and create interactive experiences within their apps. The installation process for both iOS and Android platforms is straightforward, making it convenient for developers to integrate this library into their projects.</p>


<h2>Overview</h2>
<p>The React Native Popover Menu library is a bridge for native popover libraries, enabling the display of beautiful popover menus in React Native applications for both Android and iOS platforms.</p>
<h2>Features</h2>
<ul>
<li><strong>Support for Android and iOS Platforms</strong>: Utilizes native popover libraries for seamless integration.</li>
<li><strong>Easy Installation</strong>: Simple npm installation process for quick setup.</li>
<li><strong>Customizable Themes</strong>: Supports light and dark themes for Android platform.</li>
<li><strong>Flexible Usage</strong>: Offers options for usage in both React and API way.</li>
<li><strong>Menu Selection Callback</strong>: Provides a callback function to handle menu selection events.</li>
</ul>
<h2>Summary</h2>
<p>The React Native Popover Menu library facilitates the implementation of popover menus in React Native applications with support for both Android and iOS platforms. With customizable themes, easy installation process, and flexible usage options, developers can enhance user interactions within their mobile apps.</p>


<h2>Overview</h2>
<p>The project is a library that serves as a wrapper around the native Toast library, providing 5 different states of beautiful toasts: Normal, Info, Success, Warning, and Error. It supports React Native version 60 and above, and has customizable properties for toast styling.</p>
<h2>Features</h2>
<ul>
<li><strong>5 Different States</strong>: Offers Normal, Info, Success, Warning, Error, and Custom toasts.</li>
<li><strong>Customizable Props</strong>: Allows customization of title, title size, title color, duration, tint color, icon, font family, position, X offset, and Y offset.</li>
<li><strong>Supports Vector Icons</strong>: Utilizes react-native-vector-icons library for icons.</li>
</ul>
<h2>Summary</h2>
<p>The library is a convenient tool for displaying aesthetically pleasing toasts in React Native applications. It offers a range of customization options and supports the use of vector icons. With its compatibility with recent React Native versions, it can enhance the user experience by providing visually appealing feedback messages.</p>


<h2>Overview:</h2>
<p>This library is a React Native bridge around native tooltips, allowing users to create simple tip views. It provides support for both Android and iOS platforms.</p>
<h2>Features:</h2>
<ul>
<li><strong>Cross-Platform Compatibility:</strong> Works seamlessly on both Android and iOS.</li>
<li><strong>Customizable Tooltip:</strong> Customize tooltip features such as corner radius, colors, text size, and more.</li>
<li><strong>Auto Dismiss and Click to Hide:</strong> Option to auto dismiss the tooltip or hide it on click.</li>
</ul>
<h2>Summary:</h2>
<p>The React Native tooltips library provides a convenient way to integrate tooltips into your mobile applications. With features like cross-platform compatibility, customization options, and auto-dismiss functionality, it offers a user-friendly solution for adding informative tip views to your app. Installation is straightforward, making it accessible for developers looking to enhance the user experience with tooltips.</p>


Prscx

Awesome React Native Native Modules

React Native About Libraries

React Native App Tour

React Native Bottom Action Sheet

React Native Download Button

React Native File Selector

React Native Iconic

React Native Photo Editor

React Native Popover Menu

React Native Shine Button

React Native Siri Wave View

React Native Spruce

React Native Toasty

React Native Tooltips