默认Web浏览器中的React-Native Open Url

我是反应原生的新手,我想在默认浏览器中打开url例如Android和iPhone中的Chrome

我们通过Android中的意图打开url,就像我想要实现的function一样。

我有很多次搜索,但它会给我Deepklinking的结果。

你应该使用Linking

来自文档的示例:

 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 (  {" "}  {" "}Open {this.props.url}{" "}  {" "}  ); } } 

以下是您可以尝试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 (   ); } } const styles = StyleSheet.create({ container: { flex: 1, alignItems: 'center', justifyContent: 'center', paddingTop: Constants.statusBarHeight, backgroundColor: '#ecf0f1', }, });