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