Hyper Link Prompt

Published in Text
June 13, 2022
1 min read
Hyper Link Prompt

Introduction

A Hyperlink component for react-native & react-native-web that makes urls, fuzzy links, emails,etc clickable

Installation

npm i --save react-native-hyperlink

Example

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'
}
});

Tutorial


Share


Previous Article
Keyboard Spacer
Next Article
Hyper Link
Utkarsh Lubal

Utkarsh Lubal

Full Stack Developer

Related Posts

Awesome React Native
© 2025, All Rights Reserved.

Social Media