title: How to fix react native video player visibility, when controls and sound are working?
body: <pre><code>     *// video get from this* 
        const SampleVideo = require('../samplevideos/VID_20190811_172946.mp4');
  
       *// this is my app.js code*
          &lt;View style={{ flex: 1 }}&gt;
              &lt;Video style={{ flex: 1 }} controls={true} source={SampleVideo}
                  onPress={() =&gt; this.togglePaused(this.paused)}
                  ref={(ref) =&gt; {
                      // this._player = ref
                  }}
              &gt;&lt;/Video&gt;
          &lt;/View&gt;
  </code></pre>
  
  <p>I am able to hear the sound of the video but the player itself is not visible, controls for the video is visible. </p>
  
  <p>I tried many things to fix it but unable to find the solution.</p>
  
  <p>Here is how it looks:</p>
  
  <p><img src="https://i.stack.imgur.com/micKZ.png" alt="Here"> </p>