[iOS] Fixes: Unwanted gradient appearing when using border|TopEndR|BottomStart|BottomEnd|TopStartRadius

[MichelBahl]

Summary:

A gradient appears when a square has one rounded rect.

Fix:
1 .#49442
2. callstack/react-native-paper#4662

This PR (#49531) provides a workaround, but in my opinion this issue should never occur.

Changelog:

[jorge-cab]

This solution doesn't make too much sense to me. This breaks all stretchable borders. Can you explain what your reasoning is?

[MichelBahl]

This solution doesn't make too much sense to me. This breaks all stretchable borders. Can you explain what your reasoning is?

The reason is, when bringing the app from back to foreground or vise versa the gradient below occurs on simulator for a short time (On my physical iPad Pro 2020 this gradients persist).

Do you mean at the top left rounded corner, pixels are clearly visible ?

.layer.shouldRasterize = YES;

.layer.shouldRasterize = NO;

Can you provide me an example when stretchable borders were broken ?

[jorge-cab]

You can just load RNTester and you'll see a bunch of borders are now broken.

This is because you are braking the contentsCenter rectangle by settings its size to 0

[jorge-cab]

Your idea about it being an issue on stretchable was right though. I just put up a fix for it! #54237