unoplatform / uno

Open-source platform for building cross-platform native Mobile, Web, Desktop and Embedded apps quickly. Create rich, C#/XAML, single-codebase apps from any IDE. Hot Reload included! 90m+ NuGet Downloads!!
https://platform.uno
Apache License 2.0
8.91k stars 722 forks source link

[Android/iOS] `Pivot` layout issues #4866

Open mikernet opened 3 years ago

mikernet commented 3 years ago

Current behavior

1) Headers can't be centered with a custom template. 2) Pivot does not size to content.

Expected behavior

It should behave the same as UWP and WASM, with centered header items and sized to content.

How to reproduce it (as minimally and precisely as possible)

See here: https://playground.platform.uno/#f57e112a

Note that header items are centered and the content is visible. The template is just a slightly modified version of the default UWP template.

Paste that code into a Page and run on Android. Header items are not centered and no content is visible. The same issue with lack of sizing to content happens without the custom template applied as well.

On iOS the headers are also not aligned correctly but it does size to content.

Workaround

None. This is currently blocking us from publishing an app.

Environment

Nuget Package:

Nuget Package Version(s):

I tried Uno.IU 3.2, 3.3, 3.4, and 3.5-dev.76.

Affected platform(s):

mikernet commented 3 years ago

Update: On iOS, the left alignment issue of the header items is still present, but the sizing to content works fine.

mikernet commented 3 years ago

Just FYI - on iOS with Uno.UI 3.7.0-dev.111, the pivot centers correctly. Haven't had a chance to try Android or a newer Uno version yet.

MartinZikmund commented 3 years ago

@ajpinedam Do you know whether this works now please?

Youssef1313 commented 3 years ago

@MartinZikmund I confirmed this is still an issue on Android:

image

emceelovin commented 1 year ago

I have been experiencing issues with Pivot for over a year now. Child content isn't resized to the parent container, and there is no Pivot action because of that. Which bums me out. It's the only "tabbed" like navigation available and that makes sense with the NavigationView style navigation. I have posted a video of what I've been experiencing on Windows/Android in issue #8673. I have not and cannot test on iOS, MacOS, etc. Hopefully this gets fixed soon.