Text Size
Text Size
June 29, 2022
5 min
A Hyperlink component for react-native & react-native-web that makes urls, fuzzy links, emails,etc clickable
npm i --save react-native-hyperlink
import React from 'react';import { StyleSheet, Text, SafeAreaView } from 'react-native';import Hyperlink from 'react-native-hyperlink'const App = () => {return(<SafeAreaView style={styles.container}><Text style={styles.sectionTitle}>Hyper link Prompt</Text><Hyperlink linkStyle={{color: 'blue' ,fontSize:22}}onPress={ (url, text) => alert ('You Clicked on Link ') }><Text style={styles . sectionDes}>https://awereactnative.com/</Text></Hyperlink></SafeAreaView>);};export default App;const styles = StyleSheet.create({container: {flex: 1,paddingHorizontal: 20},sectionTitle: {fontSize: 25,fontWeight: '600',marginTop: 30},sectionDes: {marginTop: 8,fontSize: 22,fontWeight: '400'}});
Quick Links
Legal Stuff