React Native Hyperlink
A <Hyperlink /> component for react-native that makes urls, fuzzy links, emails etc clickable
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.
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.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- React Native
React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.