how to create a button, pressable or a touchable opacity that redirects us to a website using react native

Question

hey everyone I am newbie at react native and i want to know how to create a button, touchableopacity or a pressable that redirects us to a website using react native

Answer 1

Simply, there ir a module from React Native called Linking Doc where you can use the function openURL where the input argument is just your website link.

Full example:

// Import
import { Linking, Text, TouchableOpacity } from 'react-native'


// Component's code
<TouchableOpacity
 style={{
  width: 100,
  height: 60,
  backgroundColor: "red"
 }}
 onPress={() => Linking.openURL("https://stackoverflow.com")}
>
  <Text>
   Go to my website
  </Text>
</TouchableOpacity>

This function redirect to the default external browser of the device. If you want to use the native WebView check this library WebView (which few versions ago was included on react-native library)