Immersive Mode showing blank space

Question

I'm trying to implement a fullscreen mode, but for Android 4.4 and up, it shows a blank space there:

BEFORE immersive mode(fullscreen)

and AFTER the toggleFullScreen(false);

as you can see, its doesn't remove it. Here's the code that I'm using to toggle it:

public void toggleFullscreen(boolean fs) {         if (Build.VERSION.SDK_INT >= 11) {             // The UI options currently enabled are represented by a bitfield.             // getSystemUiVisibility() gives us that bitfield.             int uiOptions = this.getWindow().getDecorView().getSystemUiVisibility();             int newUiOptions = uiOptions;             boolean isImmersiveModeEnabled =                     ((uiOptions | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY) == uiOptions);             if (isImmersiveModeEnabled) {                 Log.i(getPackageName(), "Turning immersive mode mode off. ");             } else {                 Log.i(getPackageName(), "Turning immersive mode mode on.");             }              // Navigation bar hiding:  Backwards compatible to ICS.             if (Build.VERSION.SDK_INT >= 14) {                 newUiOptions ^= View.SYSTEM_UI_FLAG_HIDE_NAVIGATION;             }              // Status bar hiding: Backwards compatible to Jellybean             if (Build.VERSION.SDK_INT >= 16) {                 newUiOptions ^= View.SYSTEM_UI_FLAG_FULLSCREEN;             }              // Immersive mode: Backward compatible to KitKat.             // Note that this flag doesn't do anything by itself, it only augments the behavior             // of HIDE_NAVIGATION and FLAG_FULLSCREEN.  For the purposes of this sample             // all three flags are being toggled together.             // Note that there are two immersive mode UI flags, one of which is referred to as "sticky".             // Sticky immersive mode differs in that it makes the navigation and status bars             // semi-transparent, and the UI flag does not get cleared when the user interacts with             // the screen.             if (Build.VERSION.SDK_INT >= 18) {                 newUiOptions ^= View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY;             }             getWindow().getDecorView().setSystemUiVisibility(newUiOptions);         } else {             // for android pre 11             WindowManager.LayoutParams attrs = getWindow().getAttributes();             if (fs) {                 attrs.flags |= WindowManager.LayoutParams.FLAG_FULLSCREEN;             } else {                 attrs.flags &= ~WindowManager.LayoutParams.FLAG_FULLSCREEN;             }             this.getWindow().setAttributes(attrs);         }          try {             // hide actionbar             if                     (this instanceof AppCompatActivity) {                 if (fs) getSupportActionBar().hide();                 else getSupportActionBar().show();             } else if                     (Build.VERSION.SDK_INT >= 11) {                 if (fs) getActionBar().hide();                 else getActionBar().show();             }         } catch (Exception e) {             e.printStackTrace();         }     } 

Answer 1

Please check that you don't have android:fitsSystemWindows="true" in your layout.

At least it solved my case - I had fitsSystemWindows on FrameLayout.

Answer 2

I'm new here so I can't comment, but wanted to add something that got me so frustrated me about the above solution. I kept checking my activities and its fragments for android:fitsSystemWindows="true" and it was definitely not there, yet I kept having a gap at the bottom! I was going nuts! It couldn't be this hard to fix this simple thing!

Turns out it also showed up in the Navigation Drawer I added...so be sure to check all your XML!