iOS large titles behave incorrectly

[julian-baumann]

Description

Large titles have become the standard in modern iOS, thus it should work just as it does natively to provide a smooth and familiar experience.

Two small issues exist in the Maui implementation.

• Large Titles stutter behavior
• Wrong large Title overscroll behavior

The first issue

When scrolling, the large title behaves in a weird stuttering way and snaps instead of transition smoothly. This was already a bug in Xamarin.Forms, but you could correct it by using ios:Page.UseSafeArea="False", which doesn't seem to be fixing the problem in .NET Maui.

How it works in Maui:

https://user-images.githubusercontent.com/39265507/181606869-9a835c2f-9e04-4e8c-bc60-177338254bb1.MP4

How should work:

https://user-images.githubusercontent.com/39265507/181612196-743c9f64-0a80-42ba-a79a-e6304e67f626.MP4

The overscroll issue

Another bug related to the large titles. When an overscroll occurs, the content moves separately from the title. This wasn't a bug in Xamarin.Forms and is new to .NET Maui

https://user-images.githubusercontent.com/39265507/181612369-d312b3eb-0fdf-443c-a67a-5fdd68b354e7.MP4

Contributing

I haven't looked into this issue myself, but I'm planning to if I can find some spare time. May anyone already knows what's going wrong and how to fix it.

Steps to Reproduce

Create a new .NET Maui project and follow the these steps.

Version with bug

6.0.408 (current)

Last version that worked well

Unknown/Other

Affected platforms

iOS

Affected platform versions

iOS 11+

Did you find any workaround?

No response

Relevant log output

No response

[AlleSchonWeg]

Hi @julian-baumann , i have the large title snapping problem in xamarin forms. Could you explain how to fix it with using ios:Page.UseSafeArea="False" ? The smooth transition is only appearing if i set: ios:NavigationPage.IsNavigationBarTranslucent="True". But this has sideeffects. Thank you

[julian-baumann]

Hey @AlleSchonWeg, now that you mention it, I did actually also use some custom renderers (like this one) to enable translucency on the navigation-bar, as it wouldn't work with the build-in methods. Maybe this also influences the scrolling behaviour.

[ghost]

We've added this issue to our backlog, and we will work to address it as time and resources allow. If you have any additional information or questions about this issue, please leave a comment. For additional info about issue management, please read our Triage Process.

[Zhanglirong-Winnie]

Verified this issue with Visual Studio Enterprise 17.9.0 Preview 1.1. Can repro this issue.

[anurag-sukumaran]

Verified this issue with Visual Studio Enterprise 17.9.0 Preview 1.1. Can repro this issue. Is this issue fixed. I am still facing issue on to Hide NavigationBar Separator.