当我单击 react-native-video 播放器中的硬件后退按钮时如何锁定 LandScape 模式？

Posted 2023-02-25

【中文标题】当我单击 react-native-video 播放器中的硬件后退按钮时如何锁定 LandScape 模式？

【英文标题】：How to lock LandScapte mode when i click hardware back button in react-native-video player?

【发布时间】：2021-06-17 13:11:47

【问题描述】：

I am using Orientation library for Portrait and Landscape mode, 

我已经创建了一个功能来管理全屏模式并相应地更改状态并将状态传递给 react-native-video 播放器的全屏道具，但是当我单击后退按钮时，我的应用程序仍处于横向模式，但我希望应用程序应该单击后退按钮后以纵向模式显示，我该如何实现，如果有人有任何建议请帮助。

我在这里分享代码...

  import Video from 'react-native-video';
  import Orientation from 'react-native-orientation';
  FullScreenVisible = () => 
    const  fullscreen  = this.state;
    if (fullscreen) 
        Orientation.lockToPortrait();
     else 
        Orientation.lockToLandscape();
    
    this.setState( fullscreen: !fullscreen );

                                   <Video
                                
                                    fullscreen=fullscreen
                                    paused=paused 
                                    ref=ref => this.video = ref
                                    source= uri: this.state.video 
                                    style=
                                        position: 'absolute',
                                        top: 0,
                                        left: 0,
                                        bottom: 0,
                                        right: 0
                                    
                                    resizeMode='contain'
                                    onLoad=(duration)=>this.setState(duration)
                                    
                                    onProgress=(currentTime)=>this.setState(currentTime)
                                // onVideoEnd=this.onEndVideo
                                />

【参考方案1】：

    I had posted this question few day's ago. 

我花了几个小时后的那一天得到了解决方案，但我忘了发布答案，现在我发布我的问题的答案。 可能会帮助某人。 谢谢。

我们将添加 BackHandler。 addEventListener('hardwareBackPress', handleBackAction) in componentDidMount.

const handleBackAction = ()=> Orientation.lockToPortrait();