Issue with borderRadius in the latest version 7 when size of the elements changes about react-native-shadow-2 HOT 5 CLOSED

As this is an ugly bug, I will try to fix it on Monday. Thanks once again for the report!

from react-native-shadow-2.

Hi, sorry for the delay. I was trying to fix that artifact on the web (

)
but it seems to be a non-deterministic issue caused by high-resolution screens on web that have window.devicePixelRatio !== 1. Mine for example, in my quite new laptop, is 1.5. It was taking too long (and nothing I tried worked), so I decided to just update the package with the original issue's fix, under 7.0.8. Please, let me know if it fixed your problem.

from react-native-shadow-2.

Thanks for the report. It seems that the code that takes care of the radii limitation is not considering when the child changes its size. I will take a look when I have the time. In the meantime, you may want to try a smaller radius, which wouldn't be limited by the small child size.

from react-native-shadow-2.

@SrBrahma Thanks for the quick reply, take your time. But even if I use small values like everything including 10 and above breaks it.

from react-native-shadow-2.

Beware that in v7 we no longer use the radius property, but the style={{ borderRadius: 10 }}, so that's what you want to change.

Here it worked, although there is a visual artifact that also needs to be fixed.

Setting the borderRadius to 8 gives a clean result on Web. Not a good solution, but a workaround in the meantime.

from react-native-shadow-2.