Question about needsOffscreenAlphaCompositing with Animated.View

[susonthapa]

There is an open issue on React Native GitHub repository about Shadow and opacity on Android. The solution for the time being is to use needsOffscreenAlphaCompositing. Since this prop is quite expensive it is recommended to only use it during the animation. When I tried to do that with Animated.View it didn't work. If I set the prop to true it works but setting it to false and then enabling it later doesn't seem to work.

Here is a repository that I was working on that has this issue.

Video of the issue.

Kapture.2023-08-04.at.21.14.43.mp4

As you can see the fading animation causes weird shadow issues on Android.

[Gaohaoyang]

same here

[derekvawdrey]

Same here, anyone have any solutions?

[MatiPl01]

Have you tried using boxShadow property? It is quite new and was added in RN 0.76. See this page for more details.