Appshell menu item click, content page changes with glitch

[Muhammadfaizann]

Description

I am using Appshell in my .net Maui app and on flyout menu item click content page changes with a laggy weird white glitch.

p.s: happening on xamarin forms aswell

WhatsApp.Video.2022-12-13.at.05.04.30.mp4

Steps to Reproduce

Create and Appshell in .net maui project and which contains a flyout menu item

Link to public reproduction project repository

(na)

Version with bug

6.0 Release Candidate 2 or older

Last version that worked well

6.0 Release Candidate 2 or older

Affected platforms

Android

Affected platform versions

Android 11

Did you find any workaround?

No response

Relevant log output

No response

[ghost]

Hi @Muhammadfaizann. We have added the "s/needs-repro" label to this issue, which indicates that we require steps and sample code to reproduce the issue before we can take further action. Please try to create a minimal sample project/solution or code samples which reproduce the issue, ideally as a GitHub repo that we can clone. See more details about creating repros here: https://github.com/dotnet/maui/blob/main/.github/repro.md

This issue will be closed automatically in 7 days if we do not hear back from you by then - please feel free to re-open it if you come back to this issue after that time.

[PureWeen]

@Muhammadfaizann does this look like a duplicate of

#10713

[Muhammadfaizann]

@PureWeen true that.

[angelru]

@Muhammadfaizann
I think that happens if you have different FlyoutItems, it makes that strange and annoying effect, I think this should pay close attention.

have you tried this?

<FlyoutItem FlyoutDisplayOptions="AsMultipleItems"
</FlyoutItem>

[Muhammadfaizann]

@angelru Yes, I do have different FlyoutItems, and trying FlyoutDisplayOptions="AsMultipleItems" just adds separators between the flyout items.

[angelru]

@AngelRusí, tengo diferentes FlyoutItems, y FlyoutDisplayOptions="AsMultipleItems"solo intento agregar separadores entre los elementos flotantes.

Try to have 1 grouped, I think the effect does not appear.

[Muhammadfaizann]

@angelru True having grouped flyoutItems fixed it for me but now I have flyout items in the bottom tabs bar as well how can I remove them from there?

[angelru]

@angelru True having grouped flyoutItems fixed it for me but now I have flyout items in the bottom tabs bar as well how can I remove them from there?

<FlyoutItem FlyoutDisplayOptions="AsMultipleItems"  Shell.TabBarIsVisible="False">
</FlyoutItem>

[angelru]

This may be a partial solution, imagine you want another separate flyoutitem with bottom tabs, entering that nasty weird effect would reappear.

since it happens when having different FlyoutItems.

[Muhammadfaizann]

@angelru True, but for now my issue with that nasty weird effect has been fixed, but the Microsoft team should really look into it.

Thanks for your help.