support Linking

Hyperlink.js

@@ -3,7 +3,11 @@
 **/
 
 import React, { Component, PropTypes } from 'react'
-import { View, Text } from 'react-native'
+import {
+	View,
+	Text,
+	Linking,
+} from 'react-native'
 
 const textPropTypes = Text.propTypes || {}
 
@@ -109,6 +113,7 @@ class Hyperlink extends Component {
 }
 
 Hyperlink.propTypes = {
+	linkDefault: PropTypes.bool,
 	linkify: PropTypes.object,
 	linkStyle: textPropTypes.style,
 	linkText: PropTypes.oneOfType([
@@ -119,4 +124,21 @@ Hyperlink.propTypes = {
 	onLongPress: PropTypes.func,
 }
 
-module.exports = Hyperlink
+export default class extends Component {
+	constructor (props) {
+		super(props)
+		this.handleLink = this.handleLink.bind(this)
+	}
+
+	handleLink (url) {
+		Linking.canOpenURL(url)
+			.then(supported => supported && Linking.openURL(url))
+	}
+
+	render () {
+		const onPress = this.handleLink || this.props.onPress
+		if (this.props.linkDefault)
+			return <Hyperlink { ...this.props } onPress={ onPress }/>
+		return <Hyperlink { ...this.props } />
+	}
+}

README.md

@@ -18,20 +18,28 @@ npm i --save react-native-hyperlink
 | `linkText` | A string or a func to replace parsed text | `oneOfType([ string, func ])` |
 | `onPress` | func to handle click over a clickable text with parsed text as arg | `func` |
 | `onLongPress` | func to handle long click over a clickable text with parsed text as arg | `func` |
+|`linkDefault`|A platform specific fallback to handle `onPress`. Uses [Linking](https://facebook.github.io/react-native/docs/linking.html). Disabled by default | `bool`
 
 ## Examples
 Wrap any component that has `<Text>` (works for [nested ](https://facebook.github.io/react-native/docs/text.html#nested-text) text too) in it
 
 ```javascript
 import Hyperlink from 'react-native-hyperlink'
 
+export const defaultLink = () =>
+  <Hyperlink linkDefault={ true }>
+    <Text style={ { fontSize: 15 } }>
+      This text will be parsed to check for clickable strings like https://github.com/obipawan/hyperlink and made clickable.
+    </Text>
+  </Hyperlink>
+
 export const regularText = () =>
   <Hyperlink onPress={ url => alert(url) }>
     <Text style={ { fontSize: 15 } }>
       This text will be parsed to check for clickable strings like https://github.com/obipawan/hyperlink and made clickable.
     </Text>
   </Hyperlink>
-  
+
 export const regularTextLongPress = () =>
   <Hyperlink onLongPress={ url => alert(url) }>
     <Text style={ { fontSize: 15 } }>