title: display image dynamically from firebase in react native application
body: <p>I already extracted data from firebase and displaying them. Now i need to display images also. In firebase database i have the same structure as the image below <a href="https://i.stack.imgur.com/kDwIu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kDwIu.png" alt="enter image description here"></a></p>
  
  <p>And I have a folder under my project that contains all images with the exact same name like for an example "Carl.png"
  I extracted the photo content in  and combined with the rest of the path : "Myproject/img/"+photo+".png" and it's displayed correctly in the screen. <strong>But</strong>  when i try to affect it to image i get errors. And here is the code i tried               </p>
  
  <pre><code>&lt;Image style={{width: 50, height: 50}} source={{uri : (this.props.item.imageName)}}&gt; &lt;/Image&gt;
  </code></pre>
  
  <p>and i get this <a href="https://i.stack.imgur.com/mKrSY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mKrSY.png" alt="enter image description here"></a> and if i try to put in                 <code>&lt;Image style={{width: 50, height: 50}} source={{ uri: &lt;Text&gt; this.props.item.imageName &lt;/Text&gt; }}&gt; &lt;/Image&gt;</code> i get this 
   <a href="https://i.stack.imgur.com/FPWnL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FPWnL.png" alt="enter image description here"></a>
   and if i put this code <code>source={require(this.props.item.imageName)}</code>  here is what i  get: u<strong>nknown named module</strong></p>