[iOS] GridLayout background does not stretch on iPhone X #5774

Tell us about the problem

Here are cases based on the template-tab-navigation-ts.

Which platform(s) does your issue occur on?

iOS

Please tell us how to recreate the issue in as much detail as possible.

Quick start:

tns create my-tab-ts --template https://github.com/NativeScript/template-tab-navigation-ts

Is there code involved? If so, please share the minimal amount of code needed to recreate the problem.

.page {
    background-color: green;
}

Screenshots

tab-navigation-list-view-landscape-current

Expected: ListView background should stretch.

tab-navigation-portrait-current

Expected: GridLayout background should stretch under the NabigationBar and TabView and its content stays in the Safe Area.

tab-navigation-landscape-current

Expected: GridLayout background should stretch and its content stays in the Safe Area.