title: FlatList RenderItem image not showing
body: <p>I was developing a mobile application in my course when I got into this problem: I set an image from my API with <code>&lt;Image source={{ uri: item.thumbnail_url }} /&gt;</code> but it doesn't show the image at all (when I use local images and other links it is possible to show the images)</p>
  <p>That's my code:</p>
  <pre><code>      &lt;FlatList
          style={styles.list}
          data={spots}
          keyExtractor={spot =&gt; spot._id}
          horizontal
          showsHorizontalScrollIndicator={false}
          renderItem={({ item }) =&gt; (
            &lt;View style={styles.listItem}&gt;
              &lt;Image style={styles.thumbnail} source={{ uri: item.thumbnail_url }} /&gt;
              &lt;Text style={styles.company}&gt;{item.company}&lt;/Text&gt;
              &lt;Text style={styles.price}&gt;{item.price ? `R$${item.price}/dia` : `GRATUITO`}&lt;/Text&gt;
              &lt;TouchableOpacity onPress={() =&gt; handleNavigate(item._id)} style={styles.button}&gt;
                &lt;Text style={styles.buttonText}&gt;Solicitar reserva&lt;/Text&gt;
              &lt;/TouchableOpacity&gt;
            &lt;/View&gt;
          )}
        /&gt;
  </code></pre>
  <p>StyleSheet:</p>
  <pre><code>  thumbnail: {
      width: 200,
      height: 120,
      resizeMode: 'cover',
      borderRadius: 2,
    },
  </code></pre>
  <p>I don't know why it is not working, my code is the same as my teacher's code</p>