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

Question

像这样，当我想全屏播放时，视频被覆盖在后面

Answer 1

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

Answer 2

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

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);
}