Pages pushed to tabs cover tab navigation on Android and Windows Phone

Ionic Framework ionic-v3
1

Hi everyone. I am working on an app that has 4 main tabs. The tabs have various page components pushed their nav instances. On iOS, when I push a page to a tab, the pushed page is added inside the tab and I can still see the buttons to switch tabs. On Android and Windows Phone, the pushed page covers the entire screen. This makes it impossible to switch between tabs without popping back to the root page of each tab first.

So, my question. Is there a wat to prevent this behavior, so that on all platforms the pages are pushed inside the tab.

Here is a codepen showing what happens currently by default

2

OK there is a default for this. For anyone interested you can add this to your app decorator config object:

tabSubPages: false

Here is a link with further info in the docs

1 Like