title: Warning: Failed prop type: Invalid prop 'source' supplied to 'Image'
body: <p>I try to render image dynamically. But I am getting this error. What is the solution for getting image source dynamically and rendering that ?</p>
  
  <p><strong>MainComponent.js</strong></p>
  
  <pre><code>const iconsNames =[
  {image:"require('../pngIcons/the-statue-of-liberty.png')"},
  ]
  
  iconsNames.map(function(item, index){
     return (
        &lt;CardDetails  key={index} data={ item } /&gt;
            )
   .bind(this))
  </code></pre>
  
  <p><strong>CardDetails.js</strong></p>
  
  <pre><code>return(
  &lt;Image  style={{width: 130, height: 140}} source= {this.props.data.image} /&gt;
  )
  </code></pre>
  
  <p>I tried other methods too but could not succed. I get this error while using this method:</p>
  
  <blockquote>
    <p>Unknown named module</p>
  </blockquote>
  
  <p><strong>MainComponent.js</strong></p>
  
  <pre><code> const iconsNames =[
     {image:'../pngIcons/the-statue-of-liberty.png'}
    ]
  </code></pre>
  
  <p><strong>CardDetails.js</strong></p>
  
  <pre><code>  var Img = require(''+this.props.data.image);
    return (
       &lt;Image  style={{width: 130, height: 140}} source= {Img} /&gt;
      )
  </code></pre>