Tabview not working correctly on ios

[bnbs]

This only happens on iOS 11. I tested on iOS 10, android and this error did not occur.

Code:

<GridLayout rows="50,*" columns="*">
    <TabView row="0" col="0" #tabview androidSelectedTabHighlightColor="#1e3d52" (selectedIndexChanged)="onSelectedIndexChanged($event)"
        actionBarTitle>
        <StackLayout *tabItem="{title: 'ABERTOS'}"></StackLayout>
        <StackLayout *tabItem="{title: 'SINCRONIZADOS'}"></StackLayout>
    </TabView>
    <StackLayout row="1" col="0" orientation="vertical" class="stacklayout-pedidos-backgroud" [formGroup]="form">
        <SearchBar formControlName="Pesquisa" class="searchbar-default" (loaded)="onSearchBarLoaded($event)"></SearchBar>
    </StackLayout>
</GridLayout>

[tsonevn]

Hi @bnbs,
Thank you for reporting this issue,
I tested it on my side and have to confirm that this is a real issue, which could be reproduced on iOS 11.
For further info, I would suggest keeping track on the issue.

[yoat]

I'm using NativeScript 5 on iOS 12.1 and there is a similar issue, perhaps related.

When you rotate from portrait to landscape the position of the top of the content in the tabview shifts down. This only occurs on the portrait-to-landscape transition, not the opposite. It also only affects the tab that is visible during the rotation. The end result is that rotating one tab then switching to another which have the tops of those tabs out of alignment.