[Bug] iOS: Tabview Item does not update width when switching orientation between portrait and landscape

[abhcr]

Description

In iOS (iPhone and iPad), tabview contents does not update their width, height, and position when orientation is switched between portrait and landscape.

Steps to Reproduce

1. Create Tabviews with 2 or more tabview items inside one of the pages in a shell tab.
2. Switch between tabview items in portrait orientation in iOS.
3. Change iOS device orientation to landscape.
4. Now switch between tabview items. The layout will be off.

Expected Behavior

Tabview items should automatically update their layout to match the device orientation changes.

Actual Behavior

Tabview items does not update their layout to match the device orientation changes.

Basic Information

• Version with issue: Xamarin Community Toolkit 1.1.0, Xamarin Forms 5.0.0.2012
• Last known good version: NA
• IDE: Visual Studio for Mac community edition.
• Platform Target Frameworks:
  • iOS: 14.5
• Affected Devices: iPhone, iPad

Workaround

NA

Reproduction imagery

Reproduce Link:
https://github.com/jamesmontemagno/app-peloton/blob/main/src/FitnessApp/Views/ClassesPage.xaml

[AustinAHunter]

I am also experiencing this same issue on the latest version of Xamarin Forms and Toolkit. The only way it works without redeploying is by navigating away and back to the ContentPage with the TabView in the wanted orientation.

[superbeller]

How to fix it?

[vhugogarcia]

I'm experiencing this issue exactly. @jfversluis I'm wondering if there is a workaround for this 👍🏻 .

I'm using XCT version 1.3.0

Thanks in advance.

[jcdup]

Is anyone looking into this or would it be better to look for a different tabview?

[bijington]

A quick investigation points to it likely being the underlying CarouselView that is not resizing its contents correctly after the orientation change.

[jcdup]

Thanks for looking into the problem

[ravi-simrun]

Hi
we have the same issue, while rotating the device the tab view messed up and overlapped the content of tabs.
it happens in the case of using xamarin community toolkit in ios. it works fine in the case of android.
any solution?

[darrenlattin]

Any update on this or workaround?

[yonkahlon]

@darrenlattin I wasn't able to find a workaround. The toolkit is awesome, but for tabs I found Sharpnado.Tabs library to be quite impressive.

https://github.com/roubachof/Sharpnado.Tabs

[darrenlattin]

@darrenlattin I wasn't able to find a workaround. The toolkit is awesome, but for tabs I found Sharpnado.Tabs library to be quite impressive.

https://github.com/roubachof/Sharpnado.Tabs

no worries. i'll have to fix the orientation for now to portrait.

Cheers

[algostax]

Are there any chances this problem will be corrected in near future ?
I have to decide - wait for fix or switch to another tabview component ,,,