Soft keys in Android obscure the bottom of ion-content

ionic-v1
4

I had the same problem on a nexus 7. I fixed the problem using Immersive Mode: https://developer.android.com/training/system-ui/immersive.html

Add StatusBar.hide() to run:

 .run(function($ionicPlatform) {
  $ionicPlatform.ready(function() { 
    if (window.StatusBar) {
		StatusBar.hide();
    }
...

In platforms\android\src\org\apache\cordova\statusbar\StatusBar.java
Change

int uiOptions = window.getDecorView().getSystemUiVisibility()		
		| View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                    | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                    | View.SYSTEM_UI_FLAG_FULLSCREEN;

To

 int uiOptions = window.getDecorView().getSystemUiVisibility()		
		| View.SYSTEM_UI_FLAG_LAYOUT_STABLE
		| View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
		| View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
		| View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
		| View.SYSTEM_UI_FLAG_FULLSCREEN
		| View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY;
2 Likes