New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
BoxShadow not working with rounded rectangle on Android #1741
Comments
We have some tests for this on Android and iOS: https://github.com/Shopify/react-native-skia/blob/main/package/src/renderer/__tests__/e2e/Box.spec.tsx#L16 These are also somewhat well tested. |
Thanks for your response. How do I run the tests against my Android device? I plugged it in via USB and ran
Indeed this renders the rounded rectangle and shadow correctly, but then performance is a problem because I need to draw a 15x15 grid (225 rounded rectangles). |
Are all rectangles of the same size? If yes it may be worth it to just draw it once and display its bitmap 224 times.
|
Thanks, I'll consider these options. |
Description
I'm using
<Box>
withrrect()
and<BoxShadow>
, and the shadow doesn't seem to be masked/clipped properly on Android—at least not on my Google Pixel 5. It seems fine in the iOS Simulator (so far I've only tried with an iPhone 11 running iOS 16.4).Version
Release 0.1.197 beta
Steps to reproduce
<Box>
withrrect()
and<BoxShadow>
.<Box>
and observe that it's rounded on Android, as expected.Snack, code example, screenshot, or link to a repository
Here's my simple code example. In case it matters, I happen to be rendering dynamic box sizes, so I'm including the width and height calculated for Android and iOS (the rest of the code is identical), followed by screenshots.
Android
iOS
The text was updated successfully, but these errors were encountered: