React-Native Open Url dans le navigateur Web par défaut

Je suis nouveau dans réagissent-natif et je veux ouvrir url dans navigateur par défaut de Chrome sur Android et iPhone à la fois.

Nous ouvrir l'url via intention dans Android mêmes fonctionnalités que je souhaite obtenir.

J'ai chercher beaucoup de fois, mais il va me donner le résultat de Deepklinking.

source d'informationauteur Mohit Suthar

  1. 54

    Vous devez utiliser les liens.

    Exemple de la doc:

    class OpenURLButton extends React.Component {
  static propTypes = { url: React.PropTypes.string };
  handleClick = () => {
    Linking.canOpenURL(this.props.url).then(supported => {
      if (supported) {
        Linking.openURL(this.props.url);
      } else {
        console.log("Don't know how to open URI: " + this.props.url);
      }
    });
  };
  render() {
    return (
      <TouchableOpacity onPress={this.handleClick}>
        {" "}
        <View style={styles.button}>
          {" "}<Text style={styles.text}>Open {this.props.url}</Text>{" "}
        </View>
        {" "}
      </TouchableOpacity>
    );
  }
}

    Voici un exemple que vous pouvez essayer sur 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 (
      <View style={styles.container}>
       <Button title="Click me" onPress={ ()=>{ Linking.openURL('https://google.com')}} />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    paddingTop: Constants.statusBarHeight,
    backgroundColor: '#ecf0f1',
  },
});