在React Native App上打开webview

时间:2019-06-17 09:18:38

标签: react-native

我想在不离开React Native应用程序的情况下打开“应用程序内”链接。这个想法是,当单击Gmail或Messenger链接之类的链接时,在应用程序顶部打开一个Webview。

React Native中有没有办法做到这一点?

2 个答案:

答案 0 :(得分:1)

是的。您可以创建一个新屏幕,并在其中包含渲染的WebView。

您可以参考以下链接:https://docs.expo.io/versions/latest/react-native/webview/#__next

在路由器中(如果您使用的是反应导航),则可以仅将“模式”用作导航模式。

答案 1 :(得分:1)

这很简单

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