如何在React本机中打开应用程序内浏览器窗口

Question

我试图在单击URL（适用于iOS和Android）时无需离开应用程序即可打开浏览器窗口。

行为应该是如（与发现生活怎样应用示例）如下：

• 次数在 “条款和条件” 链接：links example
• 打开浏览器应用程式：
  • 对于iOS ：in-app browser iOS
  • 同样适用于Android。

我该怎么做？我是否需要使用任何指定的现有库？

我使用react-native 0.37，顺便说一句。

谢谢。

Answer 1

您可以使用<WebView> - http://facebook.github.io/react-native/releases/0.47/docs/webview.html#webview

import React, { Component } from 'react'; 
import { WebView } from 'react-native'; 

class MyWeb extends Component { 
    render() { 
    return (
     <WebView 
     source={{uri: 'https://github.com/facebook/react-native'}} 
     style={{marginTop: 20}} 
     /> 
    ); 
    } 
} 

Answer 2

要使用什么是Linking

import { Linking } from 'react-native'; 
... 
Linking.openURL(`https://<url>`); 

Answer 3

这是一个不同的解决方案，然后WebView它可能工作，它是仅适用于iOS，但：https://github.com/naoufal/react-native-safari-view

这是SafariView，它似乎在应用程序中打开浏览器。如果有人发现Android版本，我很想听听它。

Answer 4

使用React Native Custom Tabs可以在React本机中打开应用内浏览器窗口。它支持平台Android和iOS