Android navigation bar overlapping webview

I have an ionic app using ionic tabs stick to the bottom of the screen.
Everything works fine except on some Android phones having navigation bar at the bottom.
The navigation bar is overlapping some parts of the screen and the tabs not showing at all!
Not sure how to fix this issue. Please let me know if you have any idea.
Thanks in advance.

image