[iOS] Changing TabBar visual state to closed leaves a black background

[arianeleonard]

Current behavior

When changing the TabBar visualstate to closed, a black background stays visible in it's place instead of being collapsed on iOS.

Expected behavior

When changing the TabBar visualstate to closed, it should be translated to the bottom of the screen and it's visibility should change to collapsed.

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

1. Launch repro sample: BottomBar.zip
2. Skip the tutorial pages and login with any email and password.
3. Once logged in, select the "Profile" bottom bar button.
4. On the profile page, select the "Change password" button.
5. Notice that there is a black space where the bottom bar used to be.

Workaround

1. Remove grid rows in Shell.xaml
2. Add safe area row to pages corresponding to the bottom bar buttons
3. Define safe area height in code behind.

Sample with workaround: UnoApplicationTemplate.zip Branch with workaround: https://github.com/nventive/UnoApplicationTemplate/tree/dev/arle/FixTabBar

Works on UWP/WinUI

Yes

Environment

Uno.UI

NuGet package version(s)

Uno.UI : 4.2.6 (Also tested with 4.4.13, the issue is still present)

Affected platforms

iOS

IDE

Visual Studio 2022

IDE version

No response

Relevant plugins

No response

Anything else we need to know?

No response

[kazo0]

I seem to be able to get the black bar to display even on the older builds of the application template where MenuRadioButton was being used:

[arianeleonard]

Oh, then the issue isn't with TabBar, but it seems like it is with the menu itself when it is collapsed and/or translated.

[francoistanguay]

Will you be able to either update the issue with the proper description once you've eliminated some components from the repro?

[MartinZikmund]

@arianeleonard Is this still relevant or was the issue fixed?