Tabview not working correctly on ios

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>

@bnbs

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.

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.

Navigation Menu

Repository navigation

Tabview not working correctly on ios #1173

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Tabview not working correctly on ios #1173

Description

Activity

tsonevn commented on Jan 29, 2018

yoat commented on Dec 5, 2018

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions