react-native-navigation 8.6.3 → 8.7.0

package/android/src/main/java/com/reactnativenavigation/utils/ReactViewGroup.kt

@@ -1,9 +1,6 @@
 package com.reactnativenavigation.utils
 
-import com.facebook.react.common.annotations.UnstableReactNativeAPI
-import com.facebook.react.uimanager.drawable.CSSBackgroundDrawable
 import com.facebook.react.views.view.ReactViewGroup
 
-@OptIn(UnstableReactNativeAPI::class)
 val ReactViewGroup.borderRadius: Float
-    get() = (background as? CSSBackgroundDrawable)?.fullBorderWidth ?: 0f
+    get() = 0f // CSSBackgroundDrawable is no longer available, return 0f as fallback

package/android/src/main/java/com/reactnativenavigation/utils/ViewUtils.java

@@ -1,6 +1,9 @@
 package com.reactnativenavigation.utils;
 
+import android.graphics.Color;
 import android.graphics.Point;
+import android.graphics.drawable.ColorDrawable;
+import android.graphics.drawable.Drawable;
 import android.view.View;
 import android.view.ViewGroup;
 import android.view.ViewParent;
@@ -12,9 +15,6 @@ import androidx.annotation.Nullable;
 
 import static com.reactnativenavigation.utils.ObjectUtils.perform;
 
-import com.facebook.react.common.annotations.UnstableReactNativeAPI;
-import com.facebook.react.uimanager.drawable.CSSBackgroundDrawable;
-
 public class ViewUtils {
     @Nullable
     public static <T extends View> T findChildByClass(ViewGroup root, Class<T> clazz) {
@@ -108,15 +108,15 @@ public class ViewUtils {
         return ((ViewGroup) parent).indexOfChild(view);
     }
 
-    @UnstableReactNativeAPI
     public static int getBackgroundColor(View view) {
-        if (view.getBackground() instanceof CSSBackgroundDrawable) {
-            return ((CSSBackgroundDrawable) view.getBackground()).getColor();
+        Drawable background = view.getBackground();
+        if (background instanceof ColorDrawable) {
+            return ((ColorDrawable) background).getColor();
         }
-        throw new RuntimeException(view.getBackground().getClass().getSimpleName() + " is not ReactViewBackgroundDrawable");
+        // Fallback: return transparent if background is not a ColorDrawable
+        return Color.TRANSPARENT;
     }
 
-
     public static boolean isVisible(View view) {
         return perform(view, false, v -> v.getVisibility() == View.VISIBLE);
     }

package/android/src/main/java/com/reactnativenavigation/views/element/animators/BackgroundColorAnimator.kt

@@ -4,27 +4,43 @@ import android.animation.Animator
 import android.animation.ObjectAnimator
 import android.view.View
 import android.view.ViewGroup
-import com.facebook.react.common.annotations.UnstableReactNativeAPI
-import com.facebook.react.uimanager.drawable.CSSBackgroundDrawable
+import android.graphics.drawable.ColorDrawable
 import com.facebook.react.views.text.ReactTextView
 import com.reactnativenavigation.options.SharedElementTransitionOptions
 import com.reactnativenavigation.utils.*
 
-@OptIn(UnstableReactNativeAPI::class)
 class BackgroundColorAnimator(from: View, to: View) : PropertyAnimatorCreator<ViewGroup>(from, to) {
     override fun shouldAnimateProperty(fromChild: ViewGroup, toChild: ViewGroup): Boolean {
-        return fromChild.background is CSSBackgroundDrawable &&
-                toChild.background is CSSBackgroundDrawable && (fromChild.background as CSSBackgroundDrawable).color != (toChild.background as CSSBackgroundDrawable).color
+        // Only animate if both backgrounds are ColorDrawable and colors are different
+        val fromBg = fromChild.background
+        val toBg = toChild.background
+        return fromBg is ColorDrawable &&
+                toBg is ColorDrawable &&
+                fromBg.color != toBg.color
     }
 
     override fun excludedViews() = listOf(ReactTextView::class.java)
 
     override fun create(options: SharedElementTransitionOptions): Animator {
-        val backgroundColorEvaluator = BackgroundColorEvaluator(to.background as CSSBackgroundDrawable)
-        val fromColor = ColorUtils.colorToLAB(ViewUtils.getBackgroundColor(from))
-        val toColor = ColorUtils.colorToLAB(ViewUtils.getBackgroundColor(to))
+        val toBackground = to.background
+        if (toBackground !is ColorDrawable) {
+            // Fallback: return a no-op animator if background is not a ColorDrawable but this should happen.
+            // Just for code safety
+            return ObjectAnimator.ofFloat(to, "alpha", 1f, 1f).apply {
+                duration = 0
+            }
+        }
+
+        val backgroundColorEvaluator = BackgroundColorEvaluator(toBackground)
+        val fromColor = try {
+            ColorUtils.colorToLAB(ViewUtils.getBackgroundColor(from))
+        } catch (e: Exception) {
+            // Fallback to transparent if we can't get the color
+            ColorUtils.colorToLAB(android.graphics.Color.TRANSPARENT)
+        }
+        val toColor = ColorUtils.colorToLAB(toBackground.color)
 
         backgroundColorEvaluator.evaluate(0f, fromColor, toColor)
         return ObjectAnimator.ofObject(backgroundColorEvaluator, fromColor, toColor)
     }
-}
+}

package/android/src/main/java/com/reactnativenavigation/views/element/animators/BackgroundColorEvaluator.kt

@@ -2,16 +2,20 @@ package com.reactnativenavigation.views.element.animators
 
 import android.animation.TypeEvaluator
 import androidx.core.graphics.ColorUtils
-import com.facebook.react.common.annotations.UnstableReactNativeAPI
-import com.facebook.react.uimanager.drawable.CSSBackgroundDrawable
+import android.graphics.drawable.Drawable
+import android.graphics.drawable.ColorDrawable
+import com.reactnativenavigation.utils.ColorUtils.*
 
-class BackgroundColorEvaluator @OptIn(UnstableReactNativeAPI::class) constructor(private val background: CSSBackgroundDrawable) : TypeEvaluator<DoubleArray> {
+class BackgroundColorEvaluator(private val background: Drawable) : TypeEvaluator<DoubleArray> {
     private val color = DoubleArray(3)
 
-    @OptIn(UnstableReactNativeAPI::class)
     override fun evaluate(ratio: Float, from: DoubleArray, to: DoubleArray): DoubleArray {
         ColorUtils.blendLAB(from, to, ratio.toDouble(), color)
-        background.color = com.reactnativenavigation.utils.ColorUtils.labToColor(color)
+        val colorInt = labToColor(color)
+        // Try to set color on ColorDrawable if the background is a ColorDrawable
+        if (background is ColorDrawable) {
+            background.color = colorInt
+        }
         return color
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-navigation",
-  "version": "8.6.3",
+  "version": "8.7.0",
   "description": "React Native Navigation - truly native navigation for iOS and Android",
   "license": "MIT",
   "nativePackage": true,
@@ -93,10 +93,10 @@
     "@react-native-community/cli-platform-ios": "20.0.0",
     "@react-native-community/datetimepicker": "^8.2.0",
     "@react-native-community/netinfo": "^11.4.1",
-    "@react-native/babel-preset": "0.82.1",
-    "@react-native/eslint-config": "0.82.1",
-    "@react-native/metro-config": "0.82.1",
-    "@react-native/typescript-config": "0.82.1",
+    "@react-native/babel-preset": "0.83.0",
+    "@react-native/eslint-config": "0.83.0",
+    "@react-native/metro-config": "0.83.0",
+    "@react-native/typescript-config": "0.83.0",
     "@testing-library/jest-native": "^5.4.2",
     "@testing-library/react-native": "^13.0.1",
     "@types/hoist-non-react-statics": "^3.3.6",
@@ -104,7 +104,7 @@
     "@types/jest": "^29.5.13",
     "@types/lodash": "^4.17.20",
     "@types/prop-types": "^15.7.14",
-    "@types/react": "^19.1.1",
+    "@types/react": "^19.2.0",
     "@types/react-test-renderer": "^19.1.0",
     "@typescript-eslint/eslint-plugin": "8.21.0",
     "@typescript-eslint/parser": "8.21.0",
@@ -124,15 +124,15 @@
     "pixelmatch": "^5.2.1",
     "pngjs": "^6.0.0",
     "prettier": "2.8.8",
-    "react": "19.1.1",
-    "react-native": "0.82.1",
+    "react": "19.2.0",
+    "react-native": "0.83.0",
     "react-native-builder-bob": "^0.40.13",
     "react-native-fast-image": "^8.6.3",
     "react-native-gesture-handler": "^2.29.1",
     "react-native-reanimated": "4.1.5",
     "react-native-worklets": "0.5.0",
     "react-redux": "9.1.2",
-    "react-test-renderer": "19.1.1",
+    "react-test-renderer": "19.2.0",
     "redux": "^5.0.1",
     "remx": "3.x.x",
     "semver": "5.x.x",