title: How to show an array of images in react native?
body: <p>how to show an array of images in react native ?, the images use URLs and are stored in firestore database this is the exact structure it is store as on the database lodash is being used to change the object of user to an array
  [![the database structure][1]][1]</p>
  
  <pre><code>Object {
  "book": "Robin hood", 
  "photos": Array [ "https://picsum.photos/id/1001/5616/3744", "https://picsum.photos/id/1002/4312/2868", "https://picsum.photos/id/1003/1181/1772", ],
   }
  </code></pre>
  
  <p>i tried this but gotten and error saying ''Error while updating property 'src' of a view manged by: RCTImageView 
  null 
  Value for uri cannot be cast from ReadableVativeArray to String''</p>
  
  <pre><code>return this.props.user.map((details) =&gt; {
        return (
  
          &lt;View &gt;
  
          &lt;Text&gt;{details.book}&lt;/Text&gt;
  
            &lt;Image style={{ width: 350, height: 300 }} source={{ uri: details.photos }} /&gt;
  
          &lt;/View&gt;
  
          );
  
      });
  </code></pre>
  
  <p>I also tried this,the console log is showing the images URLs and other data that was fetch, and the book details are showing but for some reason the images aren't showing on the screen  </p>
  
  <pre><code> return (
        &lt;View style={{ flex: 1 }}&gt;
  
          {this.props.user.map(details =&gt; {
            details.photos.map((image) =&gt; {
              console.log(image)
              return (
                &lt;View&gt;
                  &lt;Image style={{ width: 350, height: 300 }} source={{ uri: image }} /&gt;
                &lt;/View&gt;
              );
            })
            return (
              &lt;View&gt;
                    &lt;Text style={styles.b}&gt;{details.book}&lt;/Text&gt;
              &lt;/View&gt;
            )
          })}
        &lt;/View&gt;
      )
  
  
    [1]: https://i.stack.imgur.com/dLvci.png
  </code></pre>