React Native Hyperlink

Overview

The react-native-hyperlink is an AwesomeNPM package that offers a <Hyperlink /> component specifically designed for react-native and react-native-web. This component allows for the easy handling of various clickable elements such as URLs, fuzzy links, and emails, enhancing user interaction with the application.

Features

• Linkify: Allows custom schema with a linkify-it object.
• Link Style: Highlights clickable text with specified styles.
• Link Text: Supports custom replacement for parsed text.
• On Press: Function to handle click events on clickable text.
• On Long Press: Function to handle long click events on clickable text.
• Link Default: Platform-specific fallback using Linking when onPress is disabled.
• Inject View Props: Function to inject props to the clickable component with URL as a parameter.

Installation

To install the react-native-hyperlink package, you can follow these steps:

1. Run the command npm install react-native-hyperlink in your project directory.
2. Import the Hyperlink component from ‘react-native-hyperlink’.
3. Utilize the component in your code following the provided examples and props documentation.

Summary

The react-native-hyperlink package provides a convenient solution for incorporating clickable elements within react-native and react-native-web applications. With features like customizable text replacement, handling click and long-click events, and platform-specific fallbacks, it enhances the user experience by making various elements interactive and engaging.