webentwicklung-frage-antwort-db.com.de

Öffnen Sie die URL im Standard-Webbrowser

Ich bin neu in React-Native und möchte rl in Standardbrowser wie Chrome in Android= und iPhone beides.

Wir öffnen die URL mit Absicht in Android genau wie die Funktionalität, die ich erreichen möchte.

Ich habe viele Male gesucht, aber es gibt mir das Ergebnis von Deepklinking .

46
Mohit Suthar

Sie sollten Linking verwenden.

Beispiel aus den Dokumenten:

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>
    );
  }
}

Hier ist ein Beispiel, das Sie anprobieren können 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',
  },
});
126
RRikesh