react-native-morph-card 0.1.12 → 0.1.14

package/android/src/main/java/com/melivalesca/morphcard/MorphCardSourceView.kt

@@ -104,6 +104,9 @@ class MorphCardSourceView(context: Context) : ReactViewGroup(context) {
    * Capture a snapshot of the source card's children WITHOUT border radius clipping.
    * Like iOS, we want the raw content (e.g. the full rectangular image), not what's
    * visually clipped on screen. The border radius is applied separately during animation.
+   *
+   * This disables both Android's clipToOutline AND Fresco's RoundingParams (used by
+   * React Native's Image component) to capture the full rectangular content.
    */
   private fun captureSnapshot(): Bitmap {
     val w = width
@@ -111,20 +114,53 @@ class MorphCardSourceView(context: Context) : ReactViewGroup(context) {
     val bitmap = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888)
     val canvas = Canvas(bitmap)
 
-    // Temporarily disable clipToOutline on all descendant views so that
-    // the snapshot captures the full rectangular content, not the clipped version.
-    val clippedViews = mutableListOf<View>()
+    // Track state to restore: (view, hadClipToOutline, savedRoundingParams)
+    data class ViewState(val view: View, val hadClip: Boolean, val roundingParams: Any?)
+    val savedStates = mutableListOf<ViewState>()
+
     fun disableClipping(view: View) {
-      if (view.clipToOutline) {
-        clippedViews.add(view)
+      val hadClip = view.clipToOutline
+      var savedRounding: Any? = null
+
+      Log.d(TAG, "captureSnapshot: visiting ${view.javaClass.name} clipToOutline=$hadClip size=${view.width}x${view.height}")
+
+      // Disable outline clipping
+      if (hadClip) {
         view.clipToOutline = false
       }
+
+      // Disable Fresco RoundingParams on DraweeView (React Native Image components).
+      // Uses reflection to avoid a compile-time dependency on Fresco.
+      try {
+        val getHierarchy = view.javaClass.getMethod("getHierarchy")
+        val hierarchy = getHierarchy.invoke(view)
+        if (hierarchy != null) {
+          Log.d(TAG, "captureSnapshot: found hierarchy ${hierarchy.javaClass.name}")
+          val getRounding = hierarchy.javaClass.getMethod("getRoundingParams")
+          savedRounding = getRounding.invoke(hierarchy)
+          Log.d(TAG, "captureSnapshot: roundingParams=$savedRounding")
+          if (savedRounding != null) {
+            val roundingClass = Class.forName("com.facebook.drawee.generic.RoundingParams")
+            val setRounding = hierarchy.javaClass.getMethod("setRoundingParams", roundingClass)
+            setRounding.invoke(hierarchy, null)
+            Log.d(TAG, "captureSnapshot: disabled Fresco rounding")
+          }
+        }
+      } catch (e: Exception) {
+        Log.d(TAG, "captureSnapshot: reflection skip for ${view.javaClass.simpleName}: ${e.javaClass.simpleName}")
+      }
+
+      if (hadClip || savedRounding != null) {
+        savedStates.add(ViewState(view, hadClip, savedRounding))
+      }
+
       if (view is ViewGroup) {
         for (i in 0 until view.childCount) {
           disableClipping(view.getChildAt(i))
         }
       }
     }
+
     for (i in 0 until childCount) {
       disableClipping(getChildAt(i))
     }
@@ -138,9 +174,22 @@ class MorphCardSourceView(context: Context) : ReactViewGroup(context) {
       canvas.restore()
     }
 
-    // Restore clipToOutline on all views that had it
-    for (view in clippedViews) {
-      view.clipToOutline = true
+    // Restore all view states
+    for (state in savedStates) {
+      if (state.hadClip) {
+        state.view.clipToOutline = true
+      }
+      if (state.roundingParams != null) {
+        try {
+          val getHierarchy = state.view.javaClass.getMethod("getHierarchy")
+          val hierarchy = getHierarchy.invoke(state.view)
+          if (hierarchy != null) {
+            val roundingClass = Class.forName("com.facebook.drawee.generic.RoundingParams")
+            val setRounding = hierarchy.javaClass.getMethod("setRoundingParams", roundingClass)
+            setRounding.invoke(hierarchy, state.roundingParams)
+          }
+        } catch (_: Exception) {}
+      }
     }
 
     return bitmap

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-morph-card",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "description": "Native card-to-modal morph transition for React Native. iOS App Store-style expand animation.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",