React Native / How to open external link by tap

react-native-open-external-link.js

// external-link.js

import React from 'react';
import { TouchableOpacity, StyleSheet, Text, Linking } from 'react-native';

const ExternalLink = (props) => {
    const { url, children, style = {}  } = props;
    
    const onPress = () => Linking.canOpenURL(url).then(() => {
        Linking.openURL(url);
    });

    return (
        <TouchableOpacity onPress={onPress}>
            <Text style={[styles.text, style]}>{children}</Text>
        </TouchableOpacity>
    );
};

const styles = StyleSheet.create({
    text: {
        fontSize: 16,
        textDecoration: 'underline'
    },
});

export default ExternalLink;

// example.js

import React from 'react';
import { View, Text } from 'react-native';
import ExternalLink from './external-link';

const MyApp = () => (
    <View>
        <ExternalLink urk="https://google.com">
            Open Google to find something more interested
        </ExternalLink>
    </View>
);

Hi! I notice you've made a mistake in the code: on line number 37, the prop 'urk' should in fact be 'url', according to the code you've written above in the 'ExternalLink' component.