react-native-morph-card 0.2.7 → 0.3.0

package/ios/Fabric/RNCMorphCardSourceComponentView.mm

@@ -22,7 +22,7 @@ static UIWindow *getKeyWindow(void) {
   return nil;
 }
 
-static UIView *findScreenContainer(UIView *view) {
+UIView *RNCMorphCardFindScreenContainer(UIView *view) {
   UIWindow *window = view.window;
   if (!window) return nil;
 
@@ -72,6 +72,15 @@ static CGRect imageFrameForScaleMode(UIViewContentMode mode,
   }
 }
 
+#pragma mark - Private interface
+
+@interface RNCMorphCardSourceComponentView ()
+
+- (void)collapseFromTarget:(nullable UIView *)targetView
+                   resolve:(RCTPromiseResolveBlock)resolve;
+
+@end
+
 @implementation RNCMorphCardSourceComponentView {
   CGFloat _duration;
   CGFloat _expandDuration;
@@ -152,6 +161,64 @@ static CGRect imageFrameForScaleMode(UIViewContentMode mode,
   }];
 }
 
+#pragma mark - Shared helpers
+
+/// Compute the target frame and corner radius from the given target view
+/// (or fall back to _cardFrame if targetView is nil).
+- (CGRect)targetFrameForView:(UIView *)targetView
+                cornerRadius:(CGFloat *)outCornerRadius {
+  CGPoint targetOrigin = targetView
+      ? [targetView convertPoint:CGPointZero toView:nil]
+      : _cardFrame.origin;
+
+  CGFloat tw = self.pendingTargetWidth;
+  CGFloat th = self.pendingTargetHeight;
+  CGFloat tbr = self.pendingTargetBorderRadius;
+
+  CGRect targetFrame = CGRectMake(
+      targetOrigin.x,
+      targetOrigin.y,
+      tw > 0 ? tw : _cardFrame.size.width,
+      th > 0 ? th : _cardFrame.size.height);
+
+  if (outCornerRadius) {
+    *outCornerRadius = tbr >= 0 ? tbr : _cardCornerRadius;
+  }
+  return targetFrame;
+}
+
+/// Shared cleanup performed at the end of every collapse animation.
+- (void)collapseCleanupWithContainer:(UIView *)container
+                             resolve:(RCTPromiseResolveBlock)resolve {
+  [container removeFromSuperview];
+  _wrapperView = nil;
+  _snapshot = nil;
+  self.alpha = 1;
+  _isExpanded = NO;
+  _sourceScreenContainer = nil;
+  _targetScreenContainer = nil;
+  resolve(@(YES));
+}
+
+/// Schedule the screen-fade dispatch_after used by both collapse modes.
+/// Guards against the race where the animation completes before the
+/// dispatch fires — if cleanup already ran, _isExpanded is NO.
+- (void)scheduleScreenFadeOut:(UIView *)screenView
+                     duration:(NSTimeInterval)dur {
+  __weak RNCMorphCardSourceComponentView *weakSelf = self;
+  dispatch_after(
+      dispatch_time(DISPATCH_TIME_NOW, (int64_t)(dur * 0.15 * NSEC_PER_SEC)),
+      dispatch_get_main_queue(), ^{
+        RNCMorphCardSourceComponentView *strongSelf = weakSelf;
+        if (!strongSelf || !strongSelf->_isExpanded) return;
+        [UIView animateWithDuration:dur * 0.65
+            animations:^{
+              if (screenView) { screenView.alpha = 0; }
+            }
+            completion:nil];
+      });
+}
+
 #pragma mark - Expand
 
 - (void)expandToTarget:(UIView *)targetView
@@ -179,30 +246,18 @@ static CGRect imageFrameForScaleMode(UIViewContentMode mode,
   UIImage *cardImage = [self captureSnapshot];
 
   // ── 3. Keep source screen visible during navigation transition ──
-  UIView *sourceScreen = findScreenContainer(self);
+  UIView *sourceScreen = RNCMorphCardFindScreenContainer(self);
   _sourceScreenContainer = sourceScreen;
-  _targetScreenContainer = findScreenContainer(targetView);
+  _targetScreenContainer = RNCMorphCardFindScreenContainer(targetView);
 
   if (sourceScreen) {
     sourceScreen.alpha = 1;
   }
 
   // ── 4. Compute target frame and corner radius ──
-  CGPoint targetOrigin = targetView
-      ? [targetView convertPoint:CGPointZero toView:nil]
-      : _cardFrame.origin;
-
-  CGFloat tw = self.pendingTargetWidth;
-  CGFloat th = self.pendingTargetHeight;
-  CGFloat tbr = self.pendingTargetBorderRadius;
-
-  CGRect targetFrame = CGRectMake(
-      targetOrigin.x,
-      targetOrigin.y,
-      tw > 0 ? tw : _cardFrame.size.width,
-      th > 0 ? th : _cardFrame.size.height);
-
-  CGFloat targetCornerRadius = tbr >= 0 ? tbr : _cardCornerRadius;
+  CGFloat targetCornerRadius = 0;
+  CGRect targetFrame = [self targetFrameForView:targetView
+                                   cornerRadius:&targetCornerRadius];
 
   NSTimeInterval dur = (_expandDuration > 0 ? _expandDuration : _duration) / 1000.0;
 
@@ -255,10 +310,13 @@ static CGRect imageFrameForScaleMode(UIViewContentMode mode,
     }
 
     // Start fading in screen content early (at 15% of the animation).
+    __weak RNCMorphCardSourceComponentView *weakSelf = self;
     dispatch_after(
         dispatch_time(DISPATCH_TIME_NOW, (int64_t)(dur * 0.15 * NSEC_PER_SEC)),
         dispatch_get_main_queue(), ^{
-          UIView *ts = self->_targetScreenContainer;
+          RNCMorphCardSourceComponentView *strongSelf = weakSelf;
+          if (!strongSelf || !strongSelf->_isExpanded) return;
+          UIView *ts = strongSelf->_targetScreenContainer;
           if (ts) {
             [UIView animateWithDuration:dur * 0.5
                 animations:^{ ts.alpha = 1; }
@@ -280,6 +338,12 @@ static CGRect imageFrameForScaleMode(UIViewContentMode mode,
                   cornerRadius:targetCornerRadius
                backgroundColor:wrapperBg];
         }
+        // Crossfade snapshot out to reveal live React children underneath
+        dispatch_after(
+            dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.05 * NSEC_PER_SEC)),
+            dispatch_get_main_queue(), ^{
+              [target fadeOutSnapshot];
+            });
       }
       if (targetView) { targetView.hidden = NO; }
       self.alpha = 1;
@@ -334,10 +398,13 @@ static CGRect imageFrameForScaleMode(UIViewContentMode mode,
               }];
 
     // Start fading in screen content early (at 15% of the animation).
+    __weak RNCMorphCardSourceComponentView *weakSelf2 = self;
     dispatch_after(
         dispatch_time(DISPATCH_TIME_NOW, (int64_t)(dur * 0.15 * NSEC_PER_SEC)),
         dispatch_get_main_queue(), ^{
-          UIView *ts = self->_targetScreenContainer;
+          RNCMorphCardSourceComponentView *strongSelf2 = weakSelf2;
+          if (!strongSelf2 || !strongSelf2->_isExpanded) return;
+          UIView *ts = strongSelf2->_targetScreenContainer;
           if (ts) {
             [UIView animateWithDuration:dur * 0.5
                 animations:^{ ts.alpha = 1; }
@@ -353,6 +420,12 @@ static CGRect imageFrameForScaleMode(UIViewContentMode mode,
                        frame:target.bounds
                 cornerRadius:targetCornerRadius
              backgroundColor:nil];
+        // Crossfade snapshot out to reveal live React children underneath
+        dispatch_after(
+            dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.05 * NSEC_PER_SEC)),
+            dispatch_get_main_queue(), ^{
+              [target fadeOutSnapshot];
+            });
       }
       if (targetView) { targetView.hidden = NO; }
       self.alpha = 1;
@@ -386,9 +459,11 @@ static CGRect imageFrameForScaleMode(UIViewContentMode mode,
   UIView *targetScreen = _targetScreenContainer;
   UIView *sourceScreen = _sourceScreenContainer;
 
-  // Clear the snapshot from the target view before re-creating the overlay
+  // Clear the snapshot and hide the target view so live children
+  // don't show behind the animating collapse overlay
   if (targetView && [targetView isKindOfClass:[RNCMorphCardTargetComponentView class]]) {
     [(RNCMorphCardTargetComponentView *)targetView clearSnapshot];
+    targetView.hidden = YES;
   }
 
   CGFloat collapseDur = 0;
@@ -405,17 +480,9 @@ static CGRect imageFrameForScaleMode(UIViewContentMode mode,
       UIImage *cardImage = [self captureSnapshot];
       self.alpha = 0;
 
-      CGPoint targetOrigin = targetView
-          ? [targetView convertPoint:CGPointZero toView:nil]
-          : _cardFrame.origin;
-      CGFloat tw = self.pendingTargetWidth;
-      CGFloat th = self.pendingTargetHeight;
-      CGFloat tbr = self.pendingTargetBorderRadius;
-      CGRect targetFrame = CGRectMake(
-          targetOrigin.x, targetOrigin.y,
-          tw > 0 ? tw : _cardFrame.size.width,
-          th > 0 ? th : _cardFrame.size.height);
-      CGFloat targetCornerRadius = tbr >= 0 ? tbr : _cardCornerRadius;
+      CGFloat targetCornerRadius = 0;
+      CGRect targetFrame = [self targetFrameForView:targetView
+                                       cornerRadius:&targetCornerRadius];
 
       CGFloat contentOffsetY = self.pendingContentOffsetY;
       BOOL contentCentered = self.pendingContentCentered;
@@ -462,25 +529,11 @@ static CGRect imageFrameForScaleMode(UIViewContentMode mode,
       }
     }];
 
-    // Fade out target screen concurrently at 15%, over 65% of duration
-    dispatch_after(
-        dispatch_time(DISPATCH_TIME_NOW, (int64_t)(dur * 0.15 * NSEC_PER_SEC)),
-        dispatch_get_main_queue(), ^{
-          [UIView animateWithDuration:dur * 0.65
-              animations:^{
-                if (targetScreen) { targetScreen.alpha = 0; }
-              }
-              completion:nil];
-        });
+    // Fade out target screen
+    [self scheduleScreenFadeOut:targetScreen duration:dur];
 
     [animator addCompletion:^(UIViewAnimatingPosition pos) {
-      [wrapper removeFromSuperview];
-      self->_wrapperView = nil;
-      self.alpha = 1;
-      self->_isExpanded = NO;
-      self->_sourceScreenContainer = nil;
-      self->_targetScreenContainer = nil;
-      resolve(@(YES));
+      [self collapseCleanupWithContainer:wrapper resolve:resolve];
     }];
 
     [animator startAnimation];
@@ -495,17 +548,9 @@ static CGRect imageFrameForScaleMode(UIViewContentMode mode,
       UIImage *cardImage = [self captureSnapshot];
       self.alpha = 0;
 
-      CGPoint targetOrigin = targetView
-          ? [targetView convertPoint:CGPointZero toView:nil]
-          : _cardFrame.origin;
-      CGFloat tw = self.pendingTargetWidth;
-      CGFloat th = self.pendingTargetHeight;
-      CGFloat tbr = self.pendingTargetBorderRadius;
-      CGRect targetFrame = CGRectMake(
-          targetOrigin.x, targetOrigin.y,
-          tw > 0 ? tw : _cardFrame.size.width,
-          th > 0 ? th : _cardFrame.size.height);
-      CGFloat targetCornerRadius = tbr >= 0 ? tbr : _cardCornerRadius;
+      CGFloat targetCornerRadius = 0;
+      CGRect targetFrame = [self targetFrameForView:targetView
+                                       cornerRadius:&targetCornerRadius];
 
       CGSize imageSize = cardImage.size;
       CGRect imageFrame = imageFrameForScaleMode(
@@ -530,38 +575,23 @@ static CGRect imageFrameForScaleMode(UIViewContentMode mode,
       sourceScreen.alpha = 1;
     }
 
-    UICubicTimingParameters *timing2 = [[UICubicTimingParameters alloc]
+    UICubicTimingParameters *timing = [[UICubicTimingParameters alloc]
         initWithControlPoint1:CGPointMake(0.25, 1.0)
                 controlPoint2:CGPointMake(0.5, 1.0)];
     UIViewPropertyAnimator *animator = [[UIViewPropertyAnimator alloc]
         initWithDuration:dur
-        timingParameters:timing2];
+        timingParameters:timing];
     [animator addAnimations:^{
       container.frame = self->_cardFrame;
       container.layer.cornerRadius = self->_cardCornerRadius;
       snapshot.frame = (CGRect){CGPointZero, self->_cardFrame.size};
     }];
 
-    // Fade out target screen concurrently at 15%, over 65% of duration
-    dispatch_after(
-        dispatch_time(DISPATCH_TIME_NOW, (int64_t)(dur * 0.15 * NSEC_PER_SEC)),
-        dispatch_get_main_queue(), ^{
-          [UIView animateWithDuration:dur * 0.65
-              animations:^{
-                if (targetScreen) { targetScreen.alpha = 0; }
-              }
-              completion:nil];
-        });
+    // Fade out target screen
+    [self scheduleScreenFadeOut:targetScreen duration:dur];
 
     [animator addCompletion:^(UIViewAnimatingPosition pos) {
-      [container removeFromSuperview];
-      self->_wrapperView = nil;
-      self->_snapshot = nil;
-      self.alpha = 1;
-      self->_isExpanded = NO;
-      self->_sourceScreenContainer = nil;
-      self->_targetScreenContainer = nil;
-      resolve(@(YES));
+      [self collapseCleanupWithContainer:container resolve:resolve];
     }];
 
     [animator startAnimation];

package/ios/Fabric/RNCMorphCardTargetComponentView.h

@@ -14,6 +14,7 @@ NS_ASSUME_NONNULL_BEGIN
                frame:(CGRect)frame
         cornerRadius:(CGFloat)cornerRadius
      backgroundColor:(nullable UIColor *)bgColor;
+- (void)fadeOutSnapshot;
 - (void)clearSnapshot;
 
 @end

package/ios/Fabric/RNCMorphCardTargetComponentView.mm

@@ -1,4 +1,5 @@
 #import "RNCMorphCardTargetComponentView.h"
+#import "RNCMorphCardSourceComponentView.h"
 #import "RNCMorphCardViewRegistry.h"
 
 #import <React/RCTFabricComponentsPlugins.h>
@@ -7,9 +8,11 @@
 
 using namespace facebook::react;
 
+// Declared in RNCMorphCardSourceComponentView.mm
+extern UIView *RNCMorphCardFindScreenContainer(UIView *view);
+
 @implementation RNCMorphCardTargetComponentView {
   UIView *_snapshotContainer; // our own view — Fabric can't reset its styles
-  UIImageView *_snapshotView;
 }
 
 + (ComponentDescriptorProvider)componentDescriptorProvider {
@@ -35,17 +38,7 @@ using namespace facebook::react;
 
     // Immediately hide the detail screen container to prevent flicker.
     // The expand animation will fade it back in.
-    UIWindow *window = self.window;
-    CGRect windowBounds = window.bounds;
-    UIView *current = self.superview;
-    UIView *screenContainer = nil;
-    while (current && current != window) {
-      CGRect frameInWindow = [current convertRect:current.bounds toView:nil];
-      if (CGRectEqualToRect(frameInWindow, windowBounds)) {
-        screenContainer = current;
-      }
-      current = current.superview;
-    }
+    UIView *screenContainer = RNCMorphCardFindScreenContainer(self);
     if (screenContainer) {
       screenContainer.alpha = 0;
     }
@@ -77,14 +70,33 @@ using namespace facebook::react;
 
   [self addSubview:container];
   _snapshotContainer = container;
-  _snapshotView = iv;
+}
+
+- (void)fadeOutSnapshot {
+  UIView *snap = _snapshotContainer;
+  if (!snap) return;
+  // Only fade out if there are React children underneath to reveal.
+  // If no children (scaleMode bitmap-only), keep the snapshot.
+  BOOL hasReactChildren = NO;
+  for (UIView *child in self.subviews) {
+    if (child != _snapshotContainer) { hasReactChildren = YES; break; }
+  }
+  if (!hasReactChildren) return;
+
+  [UIView animateWithDuration:0.15
+      animations:^{ snap.alpha = 0; }
+      completion:^(BOOL finished) {
+        [snap removeFromSuperview];
+        if (self->_snapshotContainer == snap) {
+          self->_snapshotContainer = nil;
+        }
+      }];
 }
 
 - (void)clearSnapshot {
   if (_snapshotContainer) {
     [_snapshotContainer removeFromSuperview];
     _snapshotContainer = nil;
-    _snapshotView = nil;
   }
 }
 

package/ios/RNCMorphCardSource.m

@@ -24,7 +24,7 @@
 @implementation RNCMorphCardSource {
   // Saved state for collapsing back.
   CGRect _originalFrame;
-  UIView *_originalSuperview;
+  __weak UIView *_originalSuperview;
   NSInteger _originalIndex;
   CGFloat _originalCornerRadius;
   BOOL _isExpanded;

package/lib/commonjs/MorphCardSource.js

@@ -11,6 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _NativeMorphCardModule = _interopRequireDefault(require("./specs/NativeMorphCardModule"));
 var _NativeMorphCardSource = _interopRequireDefault(require("./specs/NativeMorphCardSource"));
+var _MorphChildrenRegistry = require("./MorphChildrenRegistry");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -23,12 +24,23 @@ const MorphCardSource = ({
   height,
   borderRadius,
   backgroundColor,
-  scaleMode,
+  resizeMode,
   onPress,
   ref
 }) => {
   const nativeRef = React.useRef(null);
   React.useImperativeHandle(ref, () => nativeRef.current);
+
+  // Store children in shared registry so MorphCardTarget can clone them
+  React.useEffect(() => {
+    const tag = (0, _reactNative.findNodeHandle)(nativeRef.current);
+    if (tag != null) {
+      (0, _MorphChildrenRegistry.setSourceEntry)(tag, children, backgroundColor, resizeMode);
+    }
+    return () => {
+      if (tag != null) (0, _MorphChildrenRegistry.clearSourceEntry)(tag);
+    };
+  }, [children, backgroundColor, resizeMode]);
   const style = {};
   if (width != null) style.width = width;
   if (height != null) style.height = height;
@@ -37,6 +49,16 @@ const MorphCardSource = ({
     style.overflow = 'hidden';
   }
   if (backgroundColor != null) style.backgroundColor = backgroundColor;
+  const handleLayout = React.useCallback(e => {
+    const tag = (0, _reactNative.findNodeHandle)(nativeRef.current);
+    if (tag != null) {
+      const {
+        width: lw,
+        height: lh
+      } = e.nativeEvent.layout;
+      (0, _MorphChildrenRegistry.setSourceLayout)(tag, lw, lh);
+    }
+  }, []);
   const handlePress = React.useCallback(() => {
     if (!onPress) return;
     const tag = (0, _reactNative.findNodeHandle)(nativeRef.current);
@@ -52,9 +74,10 @@ const MorphCardSource = ({
     ref: nativeRef,
     duration: duration,
     expandDuration: expandDuration,
-    scaleMode: scaleMode,
+    scaleMode: resizeMode === 'contain' ? 'aspectFit' : resizeMode === 'stretch' ? 'stretch' : 'aspectFill',
     cardBorderRadius: borderRadius,
     style: style,
+    onLayout: handleLayout,
     children: children
   });
   if (onPress) {

package/lib/commonjs/MorphCardSource.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_NativeMorphCardModule","_interopRequireDefault","_NativeMorphCardSource","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NativeSourceView","NativeSourceViewSpec","View","MorphCardSource","children","duration","expandDuration","width","height","borderRadius","backgroundColor","scaleMode","onPress","ref","nativeRef","useRef","useImperativeHandle","current","style","overflow","handlePress","useCallback","tag","findNodeHandle","NativeMorphCardModule","prepareExpand","requestAnimationFrame","content","jsx","cardBorderRadius","Pressable","exports","getViewTag","viewRef","morphExpand","sourceRef","targetRef","sourceTag","targetTag","expand","morphCollapse","collapse"],"sourceRoot":"../../src","sources":["MorphCardSource.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_NativeMorphCardModule","_interopRequireDefault","_NativeMorphCardSource","_MorphChildrenRegistry","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NativeSourceView","NativeSourceViewSpec","View","MorphCardSource","children","duration","expandDuration","width","height","borderRadius","backgroundColor","resizeMode","onPress","ref","nativeRef","useRef","useImperativeHandle","current","useEffect","tag","findNodeHandle","setSourceEntry","clearSourceEntry","style","overflow","handleLayout","useCallback","lw","lh","nativeEvent","layout","setSourceLayout","handlePress","NativeMorphCardModule","prepareExpand","requestAnimationFrame","content","jsx","scaleMode","cardBorderRadius","onLayout","Pressable","exports","getViewTag","viewRef","morphExpand","sourceRef","targetRef","sourceTag","targetTag","expand","morphCollapse","collapse"],"sourceRoot":"../../src","sources":["MorphCardSource.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/MorphCardTarget.js

@@ -8,6 +8,7 @@ var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _NativeMorphCardModule = _interopRequireDefault(require("./specs/NativeMorphCardModule"));
 var _NativeMorphCardTarget = _interopRequireDefault(require("./specs/NativeMorphCardTarget"));
+var _MorphChildrenRegistry = require("./MorphChildrenRegistry");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -52,16 +53,32 @@ const MorphCardTarget = ({
     _NativeMorphCardModule.default.setTargetConfig(sourceTag, lw, lh, borderRadius != null ? borderRadius : -1, contentOffsetY ?? 0, contentCentered ?? false);
     _NativeMorphCardModule.default.expand(sourceTag, targetTag);
   }, [sourceTag, borderRadius, contentOffsetY, contentCentered]);
-  const sizeStyle = {};
+  const sourceEntry = (0, _MorphChildrenRegistry.getSourceEntry)(sourceTag);
+  const containerStyle = {
+    overflow: 'hidden'
+  };
+  if (sourceEntry?.backgroundColor) {
+    containerStyle.backgroundColor = sourceEntry.backgroundColor;
+  }
+  if (contentCentered) {
+    containerStyle.justifyContent = 'center';
+    containerStyle.alignItems = 'center';
+  }
+  if (contentOffsetY) {
+    containerStyle.paddingTop = contentOffsetY;
+  }
   if (width != null) {
-    sizeStyle.width = width;
+    containerStyle.width = width;
   } else if (sourceSize) {
-    sizeStyle.width = sourceSize.width;
+    containerStyle.width = sourceSize.width;
   }
   if (height != null) {
-    sizeStyle.height = height;
+    containerStyle.height = height;
   } else if (sourceSize) {
-    sizeStyle.height = sourceSize.height;
+    containerStyle.height = sourceSize.height;
+  }
+  if (borderRadius) {
+    containerStyle.borderRadius = borderRadius;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(NativeTargetView, {
     ref: nativeRef,
@@ -70,8 +87,15 @@ const MorphCardTarget = ({
     targetWidth: 0,
     targetHeight: 0,
     targetBorderRadius: borderRadius != null ? borderRadius : -1,
-    style: sizeStyle,
-    onLayout: handleLayout
+    style: containerStyle,
+    onLayout: handleLayout,
+    children: sourceEntry && !sourceEntry.scaleMode && (sourceEntry.backgroundColor && sourceEntry.layoutWidth ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: sourceEntry.layoutWidth,
+        height: sourceEntry.layoutHeight
+      },
+      children: sourceEntry.children
+    }) : sourceEntry.children)
   });
 };
 exports.MorphCardTarget = MorphCardTarget;

package/lib/commonjs/MorphCardTarget.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_NativeMorphCardModule","_interopRequireDefault","_NativeMorphCardTarget","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NativeTargetView","NativeTargetViewSpec","View","MorphCardTarget","sourceTag","collapseDuration","width","height","borderRadius","contentOffsetY","contentCentered","nativeRef","useRef","expandedRef","sourceSize","setSourceSize","useState","useEffect","cancelled","NativeMorphCardModule","getSourceSize","then","size","catch","handleLayout","useCallback","current","lw","lh","nativeEvent","layout","targetTag","findNodeHandle","setTargetConfig","expand","sizeStyle","jsx","ref","targetWidth","targetHeight","targetBorderRadius","style","onLayout","exports"],"sourceRoot":"../../src","sources":["MorphCardTarget.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAD,sBAAA,CAAAH,OAAA;AAAiE,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAO,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAEjE,MAAMgB,gBAAgB,GAAGC,8BAAoB,IAAIC,iBAAI;AAmB9C,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,SAAS;EACTC,gBAAgB;EAChBC,KAAK;EACLC,MAAM;EACNC,YAAY;EACZC,cAAc;EACdC;AACoB,CAAC,KAAK;EAC1B,MAAMC,SAAS,GAAGtC,KAAK,CAACuC,MAAM,CAAM,IAAI,CAAC;EACzC,MAAMC,WAAW,GAAGxC,KAAK,CAACuC,MAAM,CAAC,KAAK,CAAC;EACvC,MAAM,CAACE,UAAU,EAAEC,aAAa,CAAC,GAAG1C,KAAK,CAAC2C,QAAQ,CAGxC,IAAI,CAAC;;EAEf;EACA3C,KAAK,CAAC4C,SAAS,CAAC,MAAM;IACpB,IAAIC,SAAS,GAAG,KAAK;IACrB,IAAId,SAAS,KAAKE,KAAK,IAAI,IAAI,IAAIC,MAAM,IAAI,IAAI,CAAC,EAAE;MAClDY,8BAAqB,CAACC,aAAa,CAAChB,SAAS,CAAC,CAC3CiB,IAAI,CAAEC,IAAuC,IAAK;QACjD,IAAI,CAACJ,SAAS,EAAEH,aAAa,CAACO,IAAI,CAAC;MACrC,CAAC,CAAC,CACDC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IACpB;IACA,OAAO,MAAM;MACXL,SAAS,GAAG,IAAI;IAClB,CAAC;EACH,CAAC,EAAE,CAACd,SAAS,EAAEE,KAAK,EAAEC,MAAM,CAAC,CAAC;;EAE9B;EACA,MAAMiB,YAAY,GAAGnD,KAAK,CAACoD,WAAW,CACnC5C,CAAoB,IAAK;IACxB,IAAIgC,WAAW,CAACa,OAAO,EAAE;IACzB,IAAI,CAACtB,SAAS,EAAE;IAEhB,MAAM;MAAEE,KAAK,EAAEqB,EAAE;MAAEpB,MAAM,EAAEqB;IAAG,CAAC,GAAG/C,CAAC,CAACgD,WAAW,CAACC,MAAM;IACtD,MAAMC,SAAS,GAAG,IAAAC,2BAAc,EAACrB,SAAS,CAACe,OAAO,CAAC;IACnD,IAAI,CAACK,SAAS,EAAE;IAEhBlB,WAAW,CAACa,OAAO,GAAG,IAAI;IAE1BP,8BAAqB,CAACc,eAAe,CACnC7B,SAAS,EACTuB,EAAE,EACFC,EAAE,EACFpB,YAAY,IAAI,IAAI,GAAGA,YAAY,GAAG,CAAC,CAAC,EACxCC,cAAc,IAAI,CAAC,EACnBC,eAAe,IAAI,KACrB,CAAC;IACDS,8BAAqB,CAACe,MAAM,CAAC9B,SAAS,EAAE2B,SAAS,CAAC;EACpD,CAAC,EACD,CAAC3B,SAAS,EAAEI,YAAY,EAAEC,cAAc,EAAEC,eAAe,CAC3D,CAAC;EAED,MAAMyB,SAAoB,GAAG,CAAC,CAAC;EAC/B,IAAI7B,KAAK,IAAI,IAAI,EAAE;IACjB6B,SAAS,CAAC7B,KAAK,GAAGA,KAAK;EACzB,CAAC,MAAM,IAAIQ,UAAU,EAAE;IACrBqB,SAAS,CAAC7B,KAAK,GAAGQ,UAAU,CAACR,KAAK;EACpC;EACA,IAAIC,MAAM,IAAI,IAAI,EAAE;IAClB4B,SAAS,CAAC5B,MAAM,GAAGA,MAAM;EAC3B,CAAC,MAAM,IAAIO,UAAU,EAAE;IACrBqB,SAAS,CAAC5B,MAAM,GAAGO,UAAU,CAACP,MAAM;EACtC;EAEA,oBACE,IAAA3B,WAAA,CAAAwD,GAAA,EAACpC,gBAAgB;IACfqC,GAAG,EAAE1B,SAAU;IACfP,SAAS,EAAEA,SAAU;IACrBC,gBAAgB,EAAEA,gBAAiB;IACnCiC,WAAW,EAAE,CAAE;IACfC,YAAY,EAAE,CAAE;IAChBC,kBAAkB,EAAEhC,YAAY,IAAI,IAAI,GAAGA,YAAY,GAAG,CAAC,CAAE;IAC7DiC,KAAK,EAAEN,SAAU;IACjBO,QAAQ,EAAElB;EAAa,CACxB,CAAC;AAEN,CAAC;AAACmB,OAAA,CAAAxC,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_NativeMorphCardModule","_interopRequireDefault","_NativeMorphCardTarget","_MorphChildrenRegistry","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NativeTargetView","NativeTargetViewSpec","View","MorphCardTarget","sourceTag","collapseDuration","width","height","borderRadius","contentOffsetY","contentCentered","nativeRef","useRef","expandedRef","sourceSize","setSourceSize","useState","useEffect","cancelled","NativeMorphCardModule","getSourceSize","then","size","catch","handleLayout","useCallback","current","lw","lh","nativeEvent","layout","targetTag","findNodeHandle","setTargetConfig","expand","sourceEntry","getSourceEntry","containerStyle","overflow","backgroundColor","justifyContent","alignItems","paddingTop","jsx","ref","targetWidth","targetHeight","targetBorderRadius","style","onLayout","children","scaleMode","layoutWidth","layoutHeight","exports"],"sourceRoot":"../../src","sources":["MorphCardTarget.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AAAyD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAQ,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAEzD,MAAMgB,gBAAgB,GAAGC,8BAAoB,IAAIC,iBAAI;AAmB9C,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,SAAS;EACTC,gBAAgB;EAChBC,KAAK;EACLC,MAAM;EACNC,YAAY;EACZC,cAAc;EACdC;AACoB,CAAC,KAAK;EAC1B,MAAMC,SAAS,GAAGvC,KAAK,CAACwC,MAAM,CAAM,IAAI,CAAC;EACzC,MAAMC,WAAW,GAAGzC,KAAK,CAACwC,MAAM,CAAC,KAAK,CAAC;EACvC,MAAM,CAACE,UAAU,EAAEC,aAAa,CAAC,GAAG3C,KAAK,CAAC4C,QAAQ,CAGxC,IAAI,CAAC;;EAEf;EACA5C,KAAK,CAAC6C,SAAS,CAAC,MAAM;IACpB,IAAIC,SAAS,GAAG,KAAK;IACrB,IAAId,SAAS,KAAKE,KAAK,IAAI,IAAI,IAAIC,MAAM,IAAI,IAAI,CAAC,EAAE;MAClDY,8BAAqB,CAACC,aAAa,CAAChB,SAAS,CAAC,CAC3CiB,IAAI,CAAEC,IAAuC,IAAK;QACjD,IAAI,CAACJ,SAAS,EAAEH,aAAa,CAACO,IAAI,CAAC;MACrC,CAAC,CAAC,CACDC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IACpB;IACA,OAAO,MAAM;MACXL,SAAS,GAAG,IAAI;IAClB,CAAC;EACH,CAAC,EAAE,CAACd,SAAS,EAAEE,KAAK,EAAEC,MAAM,CAAC,CAAC;;EAE9B;EACA,MAAMiB,YAAY,GAAGpD,KAAK,CAACqD,WAAW,CACnC5C,CAAoB,IAAK;IACxB,IAAIgC,WAAW,CAACa,OAAO,EAAE;IACzB,IAAI,CAACtB,SAAS,EAAE;IAEhB,MAAM;MAAEE,KAAK,EAAEqB,EAAE;MAAEpB,MAAM,EAAEqB;IAAG,CAAC,GAAG/C,CAAC,CAACgD,WAAW,CAACC,MAAM;IACtD,MAAMC,SAAS,GAAG,IAAAC,2BAAc,EAACrB,SAAS,CAACe,OAAO,CAAC;IACnD,IAAI,CAACK,SAAS,EAAE;IAEhBlB,WAAW,CAACa,OAAO,GAAG,IAAI;IAE1BP,8BAAqB,CAACc,eAAe,CACnC7B,SAAS,EACTuB,EAAE,EACFC,EAAE,EACFpB,YAAY,IAAI,IAAI,GAAGA,YAAY,GAAG,CAAC,CAAC,EACxCC,cAAc,IAAI,CAAC,EACnBC,eAAe,IAAI,KACrB,CAAC;IACDS,8BAAqB,CAACe,MAAM,CAAC9B,SAAS,EAAE2B,SAAS,CAAC;EACpD,CAAC,EACD,CAAC3B,SAAS,EAAEI,YAAY,EAAEC,cAAc,EAAEC,eAAe,CAC3D,CAAC;EAED,MAAMyB,WAAW,GAAG,IAAAC,qCAAc,EAAChC,SAAS,CAAC;EAE7C,MAAMiC,cAAyB,GAAG;IAChCC,QAAQ,EAAE;EACZ,CAAC;EACD,IAAIH,WAAW,EAAEI,eAAe,EAAE;IAChCF,cAAc,CAACE,eAAe,GAAGJ,WAAW,CAACI,eAAe;EAC9D;EACA,IAAI7B,eAAe,EAAE;IACnB2B,cAAc,CAACG,cAAc,GAAG,QAAQ;IACxCH,cAAc,CAACI,UAAU,GAAG,QAAQ;EACtC;EACA,IAAIhC,cAAc,EAAE;IAClB4B,cAAc,CAACK,UAAU,GAAGjC,cAAc;EAC5C;EAEA,IAAIH,KAAK,IAAI,IAAI,EAAE;IACjB+B,cAAc,CAAC/B,KAAK,GAAGA,KAAK;EAC9B,CAAC,MAAM,IAAIQ,UAAU,EAAE;IACrBuB,cAAc,CAAC/B,KAAK,GAAGQ,UAAU,CAACR,KAAK;EACzC;EACA,IAAIC,MAAM,IAAI,IAAI,EAAE;IAClB8B,cAAc,CAAC9B,MAAM,GAAGA,MAAM;EAChC,CAAC,MAAM,IAAIO,UAAU,EAAE;IACrBuB,cAAc,CAAC9B,MAAM,GAAGO,UAAU,CAACP,MAAM;EAC3C;EAEA,IAAIC,YAAY,EAAE;IAChB6B,cAAc,CAAC7B,YAAY,GAAGA,YAAY;EAC5C;EAEA,oBACE,IAAA5B,WAAA,CAAA+D,GAAA,EAAC3C,gBAAgB;IACf4C,GAAG,EAAEjC,SAAU;IACfP,SAAS,EAAEA,SAAU;IACrBC,gBAAgB,EAAEA,gBAAiB;IACnCwC,WAAW,EAAE,CAAE;IACfC,YAAY,EAAE,CAAE;IAChBC,kBAAkB,EAAEvC,YAAY,IAAI,IAAI,GAAGA,YAAY,GAAG,CAAC,CAAE;IAC7DwC,KAAK,EAAEX,cAAe;IACtBY,QAAQ,EAAEzB,YAAa;IAAA0B,QAAA,EAEtBf,WAAW,IACV,CAACA,WAAW,CAACgB,SAAS,KACrBhB,WAAW,CAACI,eAAe,IAAIJ,WAAW,CAACiB,WAAW,gBACrD,IAAAxE,WAAA,CAAA+D,GAAA,EAACpE,YAAA,CAAA2B,IAAI;MACH8C,KAAK,EAAE;QACL1C,KAAK,EAAE6B,WAAW,CAACiB,WAAW;QAC9B7C,MAAM,EAAE4B,WAAW,CAACkB;MACtB,CAAE;MAAAH,QAAA,EAEDf,WAAW,CAACe;IAAQ,CACjB,CAAC,GAEPf,WAAW,CAACe,QACb;EAAC,CACY,CAAC;AAEvB,CAAC;AAACI,OAAA,CAAAnD,eAAA,GAAAA,eAAA","ignoreList":[]}

package/lib/commonjs/MorphChildrenRegistry.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clearSourceEntry = clearSourceEntry;
+exports.getSourceEntry = getSourceEntry;
+exports.setSourceEntry = setSourceEntry;
+exports.setSourceLayout = setSourceLayout;
+const registry = new Map();
+function setSourceEntry(tag, children, backgroundColor, scaleMode) {
+  const existing = registry.get(tag);
+  registry.set(tag, {
+    children,
+    backgroundColor,
+    scaleMode,
+    layoutWidth: existing?.layoutWidth,
+    layoutHeight: existing?.layoutHeight
+  });
+}
+function setSourceLayout(tag, width, height) {
+  const existing = registry.get(tag);
+  if (existing) {
+    existing.layoutWidth = width;
+    existing.layoutHeight = height;
+  }
+}
+function getSourceEntry(tag) {
+  return registry.get(tag);
+}
+function clearSourceEntry(tag) {
+  registry.delete(tag);
+}
+//# sourceMappingURL=MorphChildrenRegistry.js.map

package/lib/commonjs/MorphChildrenRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registry","Map","setSourceEntry","tag","children","backgroundColor","scaleMode","existing","get","set","layoutWidth","layoutHeight","setSourceLayout","width","height","getSourceEntry","clearSourceEntry","delete"],"sourceRoot":"../../src","sources":["MorphChildrenRegistry.ts"],"mappings":";;;;;;;;;AAUA,MAAMA,QAAQ,GAAG,IAAIC,GAAG,CAAsB,CAAC;AAExC,SAASC,cAAcA,CAC5BC,GAAW,EACXC,QAAmB,EACnBC,eAAwB,EACxBC,SAAkB,EAClB;EACA,MAAMC,QAAQ,GAAGP,QAAQ,CAACQ,GAAG,CAACL,GAAG,CAAC;EAClCH,QAAQ,CAACS,GAAG,CAACN,GAAG,EAAE;IAChBC,QAAQ;IACRC,eAAe;IACfC,SAAS;IACTI,WAAW,EAAEH,QAAQ,EAAEG,WAAW;IAClCC,YAAY,EAAEJ,QAAQ,EAAEI;EAC1B,CAAC,CAAC;AACJ;AAEO,SAASC,eAAeA,CAACT,GAAW,EAAEU,KAAa,EAAEC,MAAc,EAAE;EAC1E,MAAMP,QAAQ,GAAGP,QAAQ,CAACQ,GAAG,CAACL,GAAG,CAAC;EAClC,IAAII,QAAQ,EAAE;IACZA,QAAQ,CAACG,WAAW,GAAGG,KAAK;IAC5BN,QAAQ,CAACI,YAAY,GAAGG,MAAM;EAChC;AACF;AAEO,SAASC,cAAcA,CAACZ,GAAW,EAA2B;EACnE,OAAOH,QAAQ,CAACQ,GAAG,CAACL,GAAG,CAAC;AAC1B;AAEO,SAASa,gBAAgBA,CAACb,GAAW,EAAE;EAC5CH,QAAQ,CAACiB,MAAM,CAACd,GAAG,CAAC;AACtB","ignoreList":[]}