title: React-Native: Display/Render multiple images with snapshot.val()
body: <p>I am trying to load multiple images in my react-native-app feed page. I have stored it in my database and am able to retrieve the data using snapshot.val(), however, I don't understand how to actually display/render it on the feed screen.</p>
  
  <p>When I do <code>console.log("CONSOLE.LOG --&gt; Snapshot is: ", snapshot.val())</code>, this is what I get</p>
  
  <pre><code>CONSOLE.LOG --&gt; Snapshot is:  Object {
    "4aae-47bb-e0f7-36e2-7e66": Object {
      "author": "edm9AAbPpFUWrO9HDXfV442QzSE2",
      "caption": "Test 1",
      "photo": Object {
        "2e30-b971-5c62-0b68-837f": Object {
          "url": "https://firebasestorage.googleapis.com/v0/b/...someURL...",
        },
        "38de-15f2-bb7b-b58d-e863": Object {
          "url": "https://firebasestorage.googleapis.com/v0/b/...someURL...",
        },
        "94f2-1494-908f-c17a-5adc": Object {
          "url": "https://firebasestorage.googleapis.com/v0/b/...someURL...",
        },
      },
      "posted": 1562901067,
      "vote": 1,
    },
  }
  </code></pre>
  
  <p>I am able to render "author", "caption", "posted", and "vote" by using a Flatlist like so:</p>
  
  <pre><code>          &lt;FlatList
              refreshing={this.state.refresh}
              onRefresh={this.loadNew}
              data={this.state.photo_feed}
              keyExtractor={(item, index) =&gt; index.toString()}
              renderItem={({ item, index }) =&gt; (
                &lt;View key={index}&gt;
                  &lt;View&gt;
                    &lt;Text&gt;{item.posted}&lt;/Text&gt;
                    &lt;Text&gt;{item.author}&lt;/Text&gt;
                  &lt;/View&gt;
                  &lt;View&gt;
                      &lt;Image
                        source={{ uri: item.photo }}
                      /&gt;
                  &lt;/View&gt;
                  &lt;View&gt;
                    &lt;Text&gt;{item.caption}&lt;/Text&gt;
                      &lt;View&gt;
                        &lt;View&gt;
                          &lt;Text&gt;Votes: {item.vote}&lt;/Text&gt;
                        &lt;/View&gt;
                      &lt;/View&gt;
                  &lt;/View&gt;
                &lt;/View&gt;
              )}
            /&gt;
  </code></pre>
  
  <p>but I don't understand how I can loop through the 3 "url" in "photo"</p>
  
  <pre><code>                &lt;View&gt;
                      &lt;Image
                        source={{ uri: item.photo }}
                      /&gt;
                  &lt;/View&gt;
  </code></pre>
  
  <p>^ doesn't load any image</p>
  
  <p><a href="https://i.stack.imgur.com/cTkyt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cTkyt.png" alt="If you want to see my database structure, it is explained in the image here. (I am using Google Firebase)"></a></p>