title: How to run React JS build in React-Native Webview?
body: <p>I created complete offline ReactJS web application and I want to run it from android application from Web View using React-Native.</p>
  
  <p>I followed the following procedure to do so: <br />
  1. I created a compiled ReactJS web application got the <code>build</code> using the following command:</p>
  
  <pre><code>npm run build
  </code></pre>
  
  <ol start="2">
  <li><p>Then I created react-native project and placed the <code>build</code> folder with following architecture
  <a href="https://i.stack.imgur.com/9kDXP.png" rel="noreferrer"><img src="https://i.stack.imgur.com/9kDXP.png" alt="react-native with build folder"></a></p></li>
  <li><p>I updated <code>App.js</code> with the following content:</p></li>
  </ol>
  
  <pre><code>import React, {Component} from 'react';
  import {Platform, StyleSheet, Text, View, WebView} from 'react-native';
  import {roscon} from "./build/index.html";
  
  type Props = {};
  export default class App extends Component&lt;Props&gt; {
    render() {
      return (
        &lt;View style={{height: 300, width: 300,overflow:'hidden' }}&gt;
            &lt;WebView
              source={{uri: roscon}}
              scalesPageToFit={true}
              domStorageEnabled={true}
              javaScriptEnabled={true}
              startInLoadingState={true}
            /&gt;
        &lt;/View&gt;
      );
    }
  }
  </code></pre>
  
  <p>After running this code I expected it to run my ReactJS Web application, instead I got white screen.</p>
  
  <p>Can you please tell what can be the causing issues and how i can make my ReactJS Web App run on react-native?</p>
  
  <p>Note: I was able to run generated <code>build</code> folder using npm command</p>
  
  <pre><code>serve -s build
  </code></pre>
  
  <p>But I still can't figure out how to port it to react-native project as WebView</p>