title: React Native - Invalid prop source passed to Image
body: <p>I am completely new to react native dev, and I am trying to display and <code>&lt;Image&gt;</code>.  I keep getting this error:  </p>
  
  <blockquote>
    <p>Warning: Failed prop type: Invalid prop <code>source</code> supplied to Image` </p>
  </blockquote>
  
  <p>Here is what I have:
  First, there is list of all images in project defined like this:</p>
  
  <pre><code>export const IMAGES = {
     ScreenStart1: require('../../assets/img/app/startScreen/start1.jpg'),
  }
  </code></pre>
  
  <p>This is the view which calls the image component:</p>
  
  <pre><code>import {IMAGES} from '../../shared/listOfImages'
  
  
  import FullScreenImage from '../../components/fullScreenImage'
  
  export default class StartScreen extends React.Component {
  
    render (): React$Element&lt;*&gt; {
      let src = IMAGES.ScreenStart1;
  
      return (
        &lt;View  style={{flex: 1}}&gt;
          &lt;FullScreenImage src="{src}"/&gt;
        &lt;/View&gt;
      );
    }
  }
  </code></pre>
  
  <p>Finally the <code>FullScreenImage</code> component:</p>
  
  <pre><code>//this displays image in full screen
  export default class FullScreenImage extends Component {
  
    render (): React$Element&lt;*&gt; {
      let src = this.props.src;
      return (
        &lt;Image source={src} style={fullScreenImageStyle.container} resizeMode='cover'&gt;
        &lt;/Image&gt;
  
      );
    }
  }
  </code></pre>
  
  <p>Please can someone help me out?</p>