How to add WebView in a React Native Dialog

In this React Native source code example, the source code below illustrate how to add WebView in a React Native Dialog.

You can copy and adopt this source code example to your React Native project without reinventing the wheel.

import React, {Component} from 'react';
import {Text, Button, View} from 'react-native';
import { WebView } from 'react-native-webview';
import Modal from "react-native-modal";

export default class App extends Component {
  render() {
    return (
      <View>
        <Modal isVisible={true}>
          <WebView
            style={{ flex: 1 }}
            source={{ uri: 'https://facebook.com' }}
          />
        </Modal>
      </View>
    );
  }
}

If you have any questions or suggestions kindly use the comment box or you can contact us directly through our contact page below.

 

Add a Comment