Android Rotation Issue

Hi I have the player working in an app. On Android though, when I rotate the screen from portrait to landscape the video is squashed in the bottom half of the screen (see image). The player works fine with iOS

<View style={styles.fullScreen}>
      <Video 
             ref="VIDEO_WINDOW"
             source={{uri: this.state.source}}
             style={styles.fullScreen}
             rate={this.state.rate}
             paused={this.state.paused}
             volume={this.state.volume}
             muted={this.state.muted}
             resizeMode={this.state.resizeMode}
             onLoad={this.onLoad}
             onProgress={this.onProgress}
             onEnd={this._onEnd}
             repeat={false} />
         </View>

resizeMode = ‘contain’

Styles:

fullScreen: {
    position: 'absolute',
    top: 0,
    left: 0,
    bottom: 0,
    right: 0,
  },

PS - I’ve tried this on a Samsung Galaxy S3 (Android 4.4) and a Moto G (Android 5.0.2)

[vinayr]

I use a workaround like this -

  _onLayout = event => {
    const { width, height } = event.nativeEvent.layout;
    if (width > height) {
      this.setState({resizeMode: 'stretch'});
    } else {
      this.setState({resizeMode: 'contain'});
    }
  }

[zchwyng]

Closing this since it’s outdated.