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 (
        <Modal isVisible={true}>
            style={{ flex: 1 }}
            source={{ uri: '' }}

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