GradialRadientBrush not working as expected on Android

[czmirek]

Description

According to documentation the RadialGradientBrush should produce the following.

But on Android it looks like this.

The gradient background is always a circle but I need an ellipse, is that possible?

Steps to Reproduce

• Create new project
• add following code to page

<Frame BorderColor="LightGray" HasShadow="True" CornerRadius="12" HeightRequest="120" WidthRequest="120">
    <Frame.Background>
        <RadialGradientBrush>
            <GradientStop Color="Red" Offset="0.1" />
            <GradientStop Color="DarkBlue" Offset="1.0" />
        </RadialGradientBrush>
    </Frame.Background>
</Frame>

• run on Android device
• verify with documentation

Link to public reproduction project repository

new project

Version with bug

7.0 (current)

Last version that worked well

7.0 (current)

Affected platforms

Android

Affected platform versions

Android 12, API 31, x86_64

Did you find any workaround?

No

Relevant log output

No response

[XamlTest]

Verified this on Visual Studio Enterprise 17.7.0 Preview 2.0. Repro on Windows 11, Android 13.0-API33 and iOS 16.4 with below Project:
14581.zip

[Saleca]

same here, any workaround for sharper gradients in android? seems that gradient stop offset doesnt change color position.