title: React Native Image URI is not showing
body: <p>React Native Image is not showing. What is the reason. I checked several answers on stackoverflow, but no answer helped me.</p>
  <p>The problem is that image doesn't show on android, but on iOS.  What is the reason? That is my code.</p>
  <pre><code>import React, { Component } from 'react';
  import { View, Image } from 'react-native';
  
  export default class ImageTest extends Component {
    constructor(props) {
      super(props);
      this.state = {
      };
    }
  
    render() {
      return (
        &lt;View style={{ flex: 1 }}&gt;
          &lt;Image
            source={{ uri: 'https://reactnative.dev/img/tiny_logo.png' }}
            style={{ width: 200, height: 100, resizeMode: 'stretch' }} /&gt;
          &lt;Image
            source={require('../assets/logo.png')}
            style={{ width: 200, height: 100, resizeMode: 'stretch' }} /&gt;
          &lt;Image
            style={{ width: 200, height: 100, resizeMode: 'stretch' }}
            source={{
              uri:
                'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAAEXRFWHRTb2Z0d2FyZQBwbmdjcnVzaEB1SfMAAABQSURBVGje7dSxCQBACARB+2/ab8BEeQNhFi6WSYzYLYudDQYGBgYGBgYGBgYGBgYGBgZmcvDqYGBgmhivGQYGBgYGBgYGBgYGBgYGBgbmQw+P/eMrC5UTVAAAAABJRU5ErkJggg==',
            }}
          /&gt;
        &lt;/View&gt;
      );
    }
  }
  </code></pre>