Skip to content

Shadows not rendering as expected on Android and iOS #24414

@albyrock87

Description

@albyrock87

Description

The following image shows how a 24dp black shadow with (0,0) offset renders on Android and iOS compared to Figma (which we can obviously trust 100%).

image

As you can see, compared to Figma (the expectation)

  • Android has a really small shadow
  • iOS shadow draws is definitely bigger than the expected size of 24dp

So both of them are just wrong.

Steps to Reproduce

<Grid RowDefinitions="*">
  <Border HeightRequest="248"
          WidthRequest="248"
          VerticalOptions="Center"
          HorizontalOptions="Center"
          StrokeShape="{RoundRectangle CornerRadius=24}"
          Stroke="Black"
          Padding="24" />
  <Border HeightRequest="200"
          WidthRequest="200"
          VerticalOptions="Center"
          HorizontalOptions="Center"
          StrokeShape="{RoundRectangle CornerRadius=24}"
          Background="LightGreen"
          Shadow="{Shadow Brush=Black, Offset='0,0', Radius=24, Opacity=1}" />
</Grid>

Link to public reproduction project repository

No response

Version with bug

8.0.80 SR8

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

Unknown/Other

Affected platforms

iOS, Android, I was not able test on other platforms

Affected platform versions

No response

Did you find any workaround?

No response

Relevant log output

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Status

    Done

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions