title: react native video player not set in fullscreen when i set it in landscape
body: <p>I have used react native video player in my app. i wanted to set video on full screen but crop from both side. I have used 'window' height and width</p>
  <pre><code>width: Dimensions.get('window').width
  height: Dimensions.get('window').height
  </code></pre>
  <p>But its not working on fullscreen mobile like latest device screen.</p>
  <pre><code>&lt;View style={customStyles.videoWrapper}&gt;
              {
                  video.uri !== '' ?
                      &lt;Video
                          {...props}
                          style={[
                              styles.video,
                              this.getSizeStyles(),
                              style,
                              customStyles.video,
                          ]}
                          ref={p =&gt; {
                              this.player = p;
                          }}
                          muted={this.props.muted || this.state.isMuted}
                          paused={this.props.paused
                              ? this.props.paused || !this.state.isPlaying
                              : !this.state.isPlaying}
                          fullscreenOrientation={&quot;all&quot;}
                          onProgress={this.onProgress}
                          onEnd={this.onEnd}
                          onBuffer={this.onBuffer}
                          onLoad={this.onLoad}
                          source={video}
                          fullscreen={this.state.isFullscreen}
                          resizeMode={resizeMode}
                          rate={this.props.rate}
                      /&gt; :
                      &lt;View style={[this.getSizeStyles(), {backgroundColor: '#000'}]}/&gt;
              }
  
              &lt;View
                  style={[
                      this.getSizeStyles(),
                      {marginTop: -this.getSizeStyles().height}
                  ]}
              &gt;
                  &lt;TouchableOpacity
                      style={styles.overlayButton}
                      onPress={() =&gt; {
                          this.showControls();
                          if (pauseOnPress)
                              this.onPlayPress();
                      }}
                      onLongPress={() =&gt; {
                          if (fullScreenOnLongPress &amp;&amp; Platform.OS !== 'android')
                              this.onToggleFullScreen();
                      }}
                  /&gt;
                  {this.state.isBuffering ? this.renderBuffer() :
                      (this.state.isControlsVisible)
                          ? this.renderControls() : null}
              &lt;/View&gt;
  
          &lt;/View&gt;
  </code></pre>
  <p>here is video style</p>
  <pre><code> video: {
      backgroundColor: 'black',
  },
  </code></pre>
  <p>getStyle stylesheet</p>
  <pre><code>getSizeStyles() {
      const {videoWidth, videoHeight} = this.props;
      const {width} = this.state;
      const ratio = videoHeight / videoWidth;
  
      if (this.state.isFullscreen) {
          return {
              width: Dimensions.get('window').width,
              height: Dimensions.get('window').height,
          }
      }
  
      return {
          height: width * ratio,
          width,
      };
  
  }
  </code></pre>
  <p>i have create fullScreen function with orientation</p>
  <pre><code>onToggleFullScreen() {
      console.log(&quot;PixelRatio &quot;,PixelRatio.startDetecting)
      if (this.props.onFullscreen) {
          this.props.onFullscreen(!this.state.isFullscreen);
      }
  
      this.state.isFullscreen ? Orientation.lockToPortrait() : Orientation.lockToLandscapeLeft();
  
      if (this.player !== null) {
          this.player.presentFullscreenPlayer();
      }
  
      if (Platform.OS === 'android') {
          this.onAndroidFullScreenToggle();
      }
      this.setState({
          isFullscreen: !this.state.isFullscreen
      });
  }
  </code></pre>