@jazzfanatic: The flicker seems to be specific to running my app in the Appgyver scanner. When I run an adhoc build, this doesn’t happen.
@mhartington: I have parent nav-view because after the first few screens (account creation and login), the app goes to a side menu hosting a tab view which replaces the child nav-bar and it’s sibling view. Note that in my setup, the nav-bar was associated to it’s sibling nav-view, both of these were children of the top nav view that remains fix.
This issue was driving me bonkers!! Setting the StatusBarOverlaysWebView to true resolved it. For anybody else seeing this issue. Here is what I encountered -
I have a mixed layout in my app with a sidebar and a tab.
There was this extra padding (huge extra padding) in the header and it was ONLY happening in iOS. It wasn’t happening when viewed through Ionic View or Android. But it was happening when I ran it on an iOS device or the simulator.
Once I go out of the app (as in open a bar code scanner, camera, photo album etc.). The header bar re-adjusted itself and looked normal (moved up by 20px), but the tab which was at the bottom in iOS got pushed down (it moved down by 20px). This led to the text in the tab being cut off.
I also noticed that the height of the device / window changed by 40px overall.
Even though this might seem like a rambling, I hope somebody who faces this issue just like I did finds this thread based on the things I’ve listed.