Update isFullscreen state from props

moamfar · May 7, 2021 · 9d367e2 · 9d367e2
1 parent b6f30cd
commit 9d367e2
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/VideoPlayer.js b/VideoPlayer.js
@@ -158,6 +158,15 @@ export default class VideoPlayer extends Component {
     };
   }
 
+  componentDidUpdate = (prevProps) => {
+    const {isFullscreen} = this.props;
+
+    if (prevProps.isFullscreen !== isFullscreen) {
+      this.setState({
+        isFullscreen,
+      });
+    }
+  };
   /**
     | -------------------------------------------------------
     | Events
@@ -1063,7 +1072,7 @@ export default class VideoPlayer extends Component {
         {...this.player.seekPanResponder.panHandlers}>
         <View
           style={styles.seekbar.track}
-          onLayout={event =>
+          onLayout={(event) =>
             (this.player.seekerWidth = event.nativeEvent.layout.width)
           }
           pointerEvents={'none'}>
@@ -1193,7 +1202,7 @@ export default class VideoPlayer extends Component {
         <View style={[styles.player.container, this.styles.containerStyle]}>
           <Video
             {...this.props}
-            ref={videoPlayer => (this.player.ref = videoPlayer)}
+            ref={(videoPlayer) => (this.player.ref = videoPlayer)}
             resizeMode={this.state.resizeMode}
             volume={this.state.volume}
             paused={this.state.paused}