Open Url in default web browser

Question

I am new in react-native and i want to open url in default browser like Chrome in Android and iPhone both   We open url via intent in Android same like functionality i want to achieve   I have search many times but it will give me the result of Deepklinking

User · Answer

A simpler way which eliminates checking if the app can open the url.

  loadInBrowser = () => {
    Linking.openURL(this.state.url).catch(err => console.error("Couldn't load page", err));
  };

Calling it with a button.

<Button title="Open in Browser" onPress={this.loadInBrowser} />

User · Answer

Try this  import React    useCallback   from  quot react quot   import   Linking   from  quot react-native quot   OpenWEB        gt      Linking openURL url       const App        gt      return  lt View onPress       gt  OpenWeb  gt OPEN YOUR WEB lt  View gt       Hope this will solve your problem

User · Answer

You should use Linking   Example from the docs   class OpenURLButton extends React Component     static propTypes     url  React PropTypes string      handleClick        gt        Linking canOpenURL this props url  then supported   gt          if  supported            Linking openURL this props url           else           console log  Don t know how to open URI      this props url                          render         return          lt TouchableOpacity onPress  this handleClick  gt                         lt View style  styles button  gt                  lt Text style  styles text  gt Open  this props url  lt  Text gt                lt  View gt                       lt  TouchableOpacity gt                 Here s an example you can try on Expo Snack   import React    Component   from  react   import   View  StyleSheet  Button  Linking   from  react-native   import   Constants   from  expo    export default class App extends Component     render         return          lt View style  styles container  gt          lt Button title  Click me  onPress       gt   Linking openURL  https   google com       gt         lt  View gt                const styles   StyleSheet create     container        flex  1      alignItems   center       justifyContent   center       paddingTop  Constants statusBarHeight      backgroundColor    ecf0f1

User · Answer

In React 16 8   using functional components  you would do import React from  react   import   Button  Linking   from  react-native    const ExternalLinkBtn    props    gt      return  lt Button             title  props title              onPress       gt                    Linking openURL props url                   catch err   gt                        console error  quot Failed opening page because   quot   err                      alert  Failed to open page                                    gt     export default function exampleUse       return        lt View gt         lt ExternalLinkBtn title  quot Example Link quot  url  quot https   example com quot    gt       lt  View gt

[android] Open Url in default web browser

Examples related to android

Examples related to ios

Examples related to react-native