README.md

Importing

import Link from './Link'

Example Usage

render()
{
  return (
    <View style={{flex: 1}}>
      <Text>
        We&apos;ve updated our privacy policy. Click <Link href="https://www.google.com/privacy.html">Here</Link> to consent changes.
      </Text>
    
      <Text>
        <Link href="http://example.com" confirm={true}>This link</Link> will prompt for a confirmation before opening in the browser.
      </Text>
    
      <Text>
        <Link
          href="http://example.com"
          style={{backgroundColor: 'red', color: '#000'}}
          confirm={true}
          dialogTitle="You're leaving.."
          dialogText="Are you sure you want to proceed with this URL?">This link</Link> has custom confirmation texts.
      </Text>
    </View>
  )
}

Link.js

import React, { Component } from 'react';
import { Text, Linking, Alert } from 'react-native';

export default class Link extends Component
{
  style = {color: '#008de6'}

  onPress()
  {
    if ( this.props.confirm ) {
      Alert.alert(
        this.props.dialogTitle || 'External URL',
        this.props.dialogText || 'Do you want to open this URL in your browser?',
        [
          {text: 'Cancel', style: 'cancel'},
          {text: 'OK', onPress: () => Linking.openURL( this.props.href )},
        ],
        { cancelable: false }
      );
    } else {
      Linking.openURL( this.props.href );
    }
  }

  render()
  {
    return (<Text
      onPress={() => this.onPress()}
      style={[this.style, this.props.style]}>
        {this.props.children}
      </Text>)
  }
}