title: How to use baseURL in react-native-webview?
body: <p>I can't get the baseUrl parameter to work in react-native-webview. My project structure is as follows:</p>
  
  <pre><code>root  
  ---&gt; _tests _  
  ---&gt; android  
  -------&gt; web  
  ---&gt; ios  
  ---&gt; node_modules  
  ---&gt; src  
  -------&gt; components  
  ------------&gt; web  
  ------------&gt; MyComponent.js  
  ---&gt; web 
  </code></pre>
  
  <p>I have inserted the web folder 3 times as shown (actually only need to once, this is just for testing). Each 'web' folder contains ponies.jpg. However, nothing is picked up by React Native. I just get 4 broken images with the alt (i.e. 'Ponies') showing. I have also tried using baseUrl: 'web/' to no avail. Here is the code in MyComponent.js:</p>
  
  <pre><code>import React from 'react';
  import {View, Text, StyleSheet, Image} from "react-native";
  import {WebView} from "react-native-webview";
  
  var html = `
  &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Title&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;img src="ponies.jpg" alt="Ponies" height="42" width="42"&gt;
      &lt;img src="ponies.jpeg" alt="Ponies" height="42" width="42"&gt;
      &lt;img src="./ponies.jpg" alt="Ponies" height="42" width="42"&gt;
      &lt;img src="./ponies.jpeg" alt="Ponies" height="42" width="42"&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  `;
  
  export default class MyComponent extends React.Component {
  
      render() {
          return (
              &lt;View style = {styles.container}&gt;
                  &lt;WebView
                      style = {styles.webview}
                      source = {{html: html, baseUrl: 'web/'}}
                  /&gt;
              &lt;/View&gt;
          );
      }
  }
  const styles = StyleSheet.create({
      container: {
          height: 350,
          width: 350
      },
      webview: {
          height: 350,
      }
  })
  </code></pre>
  
  <p>Thankyou!</p>