Shadow Radius is rendered differently on platforms

[F-Goncalves]

Description

Hi,

I am using a Border with with Shadow as below:

<Border x:Name="Border"
        BackgroundColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource Gray950}}"
        StrokeShape="RoundRectangle 8,8,8,8"
        StrokeThickness="1"
        Stroke="{AppThemeBinding Light={StaticResource Gray100Brush}, Dark={StaticResource Gray500Brush}}"
        Margin="10"
        HeightRequest="150"
        WidthRequest="150"
        HorizontalOptions="Center"
        VerticalOptions="Center">
    <Border.Shadow>
        <Shadow Brush="{AppThemeBinding Light={StaticResource Gray500}, Dark={StaticResource Gray600}}"
            Opacity="0.5"
            Radius="20"/> 
    </Border.Shadow>
    ...
</Border>

The shadow rendered on iOS, MacCatalyst and Android looks very different from one another.
Android:

MacOs:

iOS:

I would expect the Shadow to result in the same visual on each platform.

Steps to Reproduce

Clone attached repository and run on different platforms.

Link to public reproduction project repository

https://github.com/F-Goncalves/.NET-MAUI-Workshop

Version with bug

Unknown/Other (please specify)

Last version that worked well

Unknown/Other

Affected platforms

iOS, Android, macOS

Affected platform versions

iOS 15.5, Android 12, MacOS 12.5.1

Did you find any workaround?

Use different values for Radius on each Platform.

Relevant log output

No response

[PureWeen]

Duplicate of #8796