Sharp edges on box shadow

[jinky77]

Here is my code:

<DropdownMenu.Root>
  <DropdownMenu.Trigger>
    <Ionicons name="ellipsis-horizontal" size={24} />
  </DropdownMenu.Trigger>
  <DropdownMenu.Content>
    <DropdownMenu.Label>My Label</DropdownMenu.Label>
    <DropdownMenu.Item key="xyz">
      <DropdownMenu.ItemTitle>My Item</DropdownMenu.ItemTitle>
    </DropdownMenu.Item>
  </DropdownMenu.Content>
</DropdownMenu.Root>

And the result:

I'm getting sharp edges on box shadow and I can't figure out why. I tried on an Android physical device as well and get the same result.

Can @react-native-menu/menu be responsible for this? I get the same sharp edges result outside of Zeego when importing MenuView component. Thanks!

[nandorojo]

This is Android right? yeah this would all be upstream on the react-native-menu package, and this might even be a native android issue...going to close as zeego can't fix this (unless we make our own custom android menu someday, maybe for v3)

[jinky77]

@nandorojo you're right, the issue is 100% coming from react-native-menu package, I confirmed this a couple of days ago when jumping back on my project. Thanks for the great work on zeego!