fix(android): fall back to BACKGROUND outline provider when borderRadius is not animated

When borderRadius is not in the animated bitmask, use
ViewOutlineProvider.BACKGROUND so elevation shadows respect the style
borderRadius from the background drawable. Only switch to the custom
provider when borderRadius is actively animated.

Author: janicduplessis

android/src/main/java/com/ease/EaseView.kt

@@ -252,15 +252,16 @@ class EaseView(context: Context) : ReactViewGroup(context) {
         cameraDistance = density * density * perspective * CAMERA_DISTANCE_NORMALIZATION_MULTIPLIER
     }
 
+    // Custom outline provider used when borderRadius is animated.
+    // Reads _borderRadius dynamically — invalidated on each frame by setAnimateBorderRadius.
+    private val animatedOutlineProvider = object : ViewOutlineProvider() {
+        override fun getOutline(view: View, outline: Outline) {
+            outline.setRoundRect(0, 0, view.width, view.height, _borderRadius)
+        }
+    }
+
     init {
         applyCameraDistance(1280f)
-
-        // ViewOutlineProvider reads _borderRadius dynamically — set once, invalidated on each frame.
-        outlineProvider = object : ViewOutlineProvider() {
-            override fun getOutline(view: View, outline: Outline) {
-                outline.setRoundRect(0, 0, view.width, view.height, _borderRadius)
-            }
-        }
     }
 
     // --- Hardware layer management ---
@@ -327,6 +328,16 @@ class EaseView(context: Context) : ReactViewGroup(context) {
         // Bitmask: which properties are animated. Non-animated = let style handle.
         val mask = animatedProperties
 
+        // Use custom outline provider only when borderRadius is animated.
+        // Otherwise fall back to BACKGROUND provider so elevation shadows
+        // respect the style borderRadius from the background drawable.
+        val needsCustomOutline = mask and MASK_BORDER_RADIUS != 0
+        if (needsCustomOutline && outlineProvider !== animatedOutlineProvider) {
+            outlineProvider = animatedOutlineProvider
+        } else if (!needsCustomOutline && outlineProvider === animatedOutlineProvider) {
+            outlineProvider = ViewOutlineProvider.BACKGROUND
+        }
+
         if (isFirstMount) {
             isFirstMount = false
 
@@ -1005,6 +1016,7 @@ class EaseView(context: Context) : ReactViewGroup(context) {
         setAnimateBorderWidth(0f)
         applyBorderColor(Color.BLACK)
         this.elevation = 0f
+        outlineProvider = ViewOutlineProvider.BACKGROUND
 
         transformPerspective = 1280f
         isFirstMount = true

example/src/demos/ShadowDemo.tsx

@@ -18,14 +18,12 @@ export function ShadowDemo() {
                   shadowRadius: 16,
                   shadowOffset: { width: 0, height: 8 },
                   elevation: 12,
-                  borderRadius: 16,
                 }
               : {
                   shadowOpacity: 0,
                   shadowRadius: 0,
                   shadowOffset: { width: 0, height: 0 },
                   elevation: 0,
-                  borderRadius: 16,
                 }
           }
           transition={{
@@ -60,6 +58,7 @@ const styles = StyleSheet.create({
   box: {
     width: 100,
     height: 100,
+    borderRadius: 16,
     backgroundColor: '#fff',
     shadowColor: '#000',
     alignItems: 'center',