title: Printing an image for each object in an array with React Native
body: <p>I'm pretty new to React Native and got stuck on a personal project trying to utilize Instagram's API. I'm currently using a forEach to try to return an Image for every object in an array and it doesn't seem like I can get the Image to show up. When I do a console.log(images.images.thumbnail.url) within the mediaPrinter function, I do see that all the urls are being logged.</p>
  
  <p>Here's the API call:</p>
  
  <pre><code>export default function ApiCall() {
    return fetch(url)
        .then((response) =&gt; {
          return response.json()
        })
        .then((json) =&gt; {
          return json.data
        })
        .catch((error) =&gt; {
          console.log(error)
        })
  }
  </code></pre>
  
  <p>And the rest of the relevant code:</p>
  
  <pre><code>mediaPage() {
    return &lt;ScrollView style={styles.scrollBody}&gt;
        &lt;Text style={styles.welcome}&gt;
            Browse Through Our Moments
        &lt;/Text&gt;
        &lt;View style={styles.imageRow}&gt;
          {this.mediaHandler()}
        &lt;/View&gt;
      &lt;/ScrollView&gt;
  }
  
  mediaHandler() {
    ApiCall()
      .then((data) =&gt; {
        this.mediaPrinter(data)
      })
      .catch((error) =&gt; {
        console.log(error)
      })
  }
  
  mediaPrinter(array) {
    array.forEach(function(images) {
      return &lt;Image
        source={{uri: images.images.thumbnail.url}}
        style={{width: 138, height: 138}} /&gt;
    })
  }
  </code></pre>
  
  <p>I was also wondering if there was a way to resize the images responsively using React Native's currently provided resources. </p>