Description

Whenever you add GradientStop with a Color that has transparency there is a visual bug on the TabBar. Looks like there is a frame behind it with a shadow. Only tested on Android since I dont have access to a iOS Device.

Noted that I place the TabBar on the bottom on android

Steps to Reproduce

1. Have a Page that inherits from TabbedPage
2. Use this setup as example

<TabbedPage.BarBackground>
    <RadialGradientBrush >
        <GradientStop Color="#1AFFFF00"
                      Offset="0" />
        <GradientStop Color="Green"
                      Offset="1.0" />
    </RadialGradientBrush>
</TabbedPage.BarBackground>

<local:SettingsView Title="Test" IconImageSource="dotnet_bot"/>

Link to public reproduction project repository

Link to test repo

Version with bug

7.0 (current)

Last version that worked well

Unknown/Other

Affected platforms

Android

Affected platform versions

Android 13

Did you find any workaround?

No response

Relevant log output

No response