如何解决视频全屏后被导航栏覆盖的问题答案

【问题标题】：How to solve the problem that the video is covered by the navigation bar after full screen如何解决视频全屏后被导航栏覆盖的问题
【发布时间】：2019-10-15 13:00:45
【问题描述】：

like this as follow,When I want to play in full screen, the video is overlaid behind

【问题讨论】：

请在此处写下您的问题，而不是作为链接。

标签： fullscreen screen-orientation react-native-video

【解决方案1】：

您必须使用此代码来隐藏导航栏：

if (android.os.Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            mActivity.getWindow().getDecorView().setSystemUiVisibility(
                    View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN |
                    View.SYSTEM_UI_FLAG_FULLSCREEN |
                    View.SYSTEM_UI_FLAG_HIDE_NAVIGATION |
                    //View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
}

使用全屏选项，您也可以隐藏状态栏，而使用沉浸式粘性，您可以再次滑动手指获得导航和状态栏。

要删除此选项，请使用以下代码：

if (android.os.Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            View decorView = mActivity.getWindow().getDecorView();
            int uiOptions = decorView.getSystemUiVisibility();

            uiOptions  &= ~View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN;
            uiOptions  &= ~View.SYSTEM_UI_FLAG_FULLSCREEN;
            uiOptions  &= ~View.SYSTEM_UI_FLAG_HIDE_NAVIGATION;
            uiOptions  &= ~View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY;

            decorView.setSystemUiVisibility(uiOptions);
}

【讨论】：

【解决方案2】：

您可以使用提供全屏控制的react-native-full-screen 您可以使用 FullScreen.onFullScreen() 将其放在 componentDidmount 或 useeffect 方法上；

【讨论】：