title: React-native failed propType on Image component
body: <p>I am just starting out with React-native and have a pretty decent grasp on React for creating web apps... I am running into a confusing issue here that never occured when working with react for the web.</p>
  
  <p>Basically I am rendering a component whose image is being dynamically generated by mapping over an array of objects in its parent component.</p>
  
  <pre><code>export default class ImageComponent extends React.Component {
    render() {
      return (
          &lt;Image source={this.props.source}/&gt;
      );
    }
  };
  </code></pre>
  
  <p>And its parent component:</p>
  
  <pre><code>export default class MainComponent extends React.Component {
    constructor(props) {
      super(props);
     this.state = {
        images:[
          { src: './src/images/1.png'},
          { src: '/src/images/2.png'},
          { src: './src/images/3.png'}
        ]
      }
     }
  
    render() {
      let images = this.state.images.map((image) =&gt; {
        return(&lt;ImageComponent source={image.src}  /&gt;);
      })
  
      return (
        &lt;View&gt;
          {images}
        &lt;/View&gt;
      );
    }
  };
  </code></pre>
  
  <p><b>
  In device simulator I am getting the following error:</p>
  
  <p>"Warning: Failed propType:Invalid prop 'source' supplied to 'Image' check the render method of 'BasicComponent'"
  </b></p>
  
  <p>Does anyone know what could be going on here?</p>