React Native Hyperlink | topherpedersen.blog

This blog post is brought to you by the developer of BitBudget. BitBudget is an automated budgeting app for Android and which syncs with your bank account and helps you avoid overspending. If you’d like to quit living paycheck-to-paycheck and get a better handle on your finances, download it today! https://bitbudget.io

Need to insert a hyperlink into your React Native application? This is actually super simple! Just use React Native’s built in ‘Linking’ module and open URLs with ease:

	import React from 'react';
	import {
	SafeAreaView,
	StyleSheet,
	ScrollView,
	View,
	Text,
	StatusBar,
	Button,
	Linking,
	} from 'react-native';

	class App extends React.Component {
	constructor(props) {
	super(props);
	}

	render() {
	return(
	<SafeAreaView style={{flex: 100, justifyContent: 'center', alignItems: 'center'}}>
	<Button title="Launch Hyperlink" onPress={ () => Linking.openURL("https://topherpedersen.blog") } />
	</SafeAreaView>
	);
	}
	}

	export default App;

view raw ReactNativeHyperlink.js hosted with ❤ by GitHub