GridView does not center on Android and iOS

[assassin316]

Current behavior

The GridView control does not center in iOS and Android, works fine in UWP and Wasm.

ANDROID:

iOS:

UWP:

Wasm:

Expected behavior

When specified through templating, the GridView control should properly center itself horizontally and/or vertically.

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

• Create a new Uno sample app (using Uno.UI 3.0.17, but it may be reproducible in latest version)

• Replace the following 3 files with those attached here:

files.zip

Workaround

None found so far.

Environment

Nuget Package:

• [X] Uno.UI / Uno.UI.WebAssembly / Uno.UI.Skia
• [ ] Uno.WinUI / Uno.WinUI.WebAssembly / Uno.WinUI.Skia
• [ ] Uno.SourceGenerationTasks
• [ ] Uno.UI.RemoteControl / Uno.WinUI.RemoteControl
• [ ] Other:

Nuget Package Version(s):

Uno.UI 3.0.17

Affected platform(s):

• [X] iOS
• [X] Android
• [ ] WebAssembly
• [ ] WebAssembly renderers for Xamarin.Forms
• [ ] macOS
• [ ] Skia
  • [ ] WPF
  • [ ] GTK (Linux)
  • [ ] Tizen
• [ ] Windows
• [ ] Build tasks
• [ ] Solution Templates

IDE:

• [ ] Visual Studio 2017 (version: )
• [X] Visual Studio 2019 (version: )
• [ ] Visual Studio for Mac (version: )
• [ ] Rider Windows (version: )
• [ ] Rider macOS (version: )
• [ ] Visual Studio Code (version: )

Relevant plugins:

• [ ] Resharper (version: )

Anything else we need to know?

From the last time I test this functionality, centering vertically also had similar problems.

[MartinZikmund]

I think the centering worked for me when I set HorizontalAlignment=Center directly on the GridView, but that is a workaround, the bug is still relevant.

[assassin316]

@MartinZikmund doing so would have the side effect of having the scroll bars not adjacent to the edge, rather ugly for a UI.

[MartinZikmund]

@MartinZikmund doing so would have the side effect of having the scroll bars not adjacent to the edge, rather ugly for a UI.

Agreed, that is the downside there...