@lodev09/react-native-true-sheet 3.0.0-beta.4 → 3.0.0-beta.6

package/README.md

@@ -67,7 +67,6 @@ export const App = () => {
       <TrueSheet
         ref={sheet}
         detents={['auto', 1]}
-        cornerRadius={24}
       >
         <Button onPress={dismiss} title="Dismiss" />
       </TrueSheet>

package/RNTrueSheet.podspec

@@ -13,8 +13,12 @@ Pod::Spec.new do |s|
   s.platforms    = { :ios => min_ios_version_supported }
   s.source       = { :git => "https://github.com/lodev09/react-native-true-sheet.git", :tag => "#{s.version}" }
 
-  s.source_files = "ios/**/*.{h,m,mm,swift,cpp}"
+  s.source_files = "ios/**/*.{h,m,mm,swift,cpp}", "common/cpp/**/*.{cpp,h}"
   s.private_header_files = "ios/**/*.h"
 
+  s.pod_target_xcconfig = {
+    "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/common/cpp\""
+  }
+
   install_modules_dependencies(s)
 end

package/android/src/main/java/com/lodev09/truesheet/TrueSheetContainerView.kt

@@ -3,6 +3,9 @@ package com.lodev09.truesheet
 import android.annotation.SuppressLint
 import android.view.View
 import androidx.core.view.isNotEmpty
+import com.facebook.react.bridge.WritableNativeMap
+import com.facebook.react.uimanager.PixelUtil.pxToDp
+import com.facebook.react.uimanager.StateWrapper
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.views.view.ReactViewGroup
 
@@ -26,6 +29,53 @@ class TrueSheetContainerView(private val reactContext: ThemedReactContext) :
 
   var delegate: TrueSheetContainerViewDelegate? = null
 
+  private var stateWrapper: StateWrapper? = null
+
+  // Pending dimensions to update when stateWrapper becomes available
+  private var pendingWidth: Int = 0
+  private var pendingHeight: Int = 0
+
+  fun setStateWrapper(wrapper: StateWrapper?) {
+    stateWrapper = wrapper
+
+    if (wrapper == null) return
+
+    // Get dimensions from parent controller and update state if we haven't yet
+    val controller = parent as? TrueSheetViewController
+    if (controller != null && pendingWidth == 0) {
+      val w = controller.width
+      val h = controller.height
+      if (w > 0 && h > 0) {
+        updateState(w, h)
+      }
+    }
+  }
+
+  /**
+   * Update state with container dimensions.
+   * Called by the controller when the dialog size changes.
+   */
+  fun updateState(width: Int, height: Int) {
+    // Skip if dimensions haven't changed
+    if (width == pendingWidth && height == pendingHeight && stateWrapper != null) {
+      return
+    }
+
+    // Store dimensions
+    pendingWidth = width
+    pendingHeight = height
+
+    val sw = stateWrapper ?: return
+
+    val realWidth = width.toFloat().pxToDp()
+    val realHeight = height.toFloat().pxToDp()
+
+    val newStateData = WritableNativeMap()
+    newStateData.putDouble("containerWidth", realWidth.toDouble())
+    newStateData.putDouble("containerHeight", realHeight.toDouble())
+    sw.updateState(newStateData)
+  }
+
   /**
    * Reference to content view (first child)
    */

package/android/src/main/java/com/lodev09/truesheet/TrueSheetContainerViewManager.kt

@@ -1,6 +1,8 @@
 package com.lodev09.truesheet
 
 import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.ReactStylesDiffMap
+import com.facebook.react.uimanager.StateWrapper
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.uimanager.ViewGroupManager
 
@@ -15,6 +17,11 @@ class TrueSheetContainerViewManager : ViewGroupManager<TrueSheetContainerView>()
 
   override fun createViewInstance(reactContext: ThemedReactContext): TrueSheetContainerView = TrueSheetContainerView(reactContext)
 
+  override fun updateState(view: TrueSheetContainerView, props: ReactStylesDiffMap?, stateWrapper: StateWrapper?): Any? {
+    view.setStateWrapper(stateWrapper)
+    return null
+  }
+
   companion object {
     const val REACT_CLASS = "TrueSheetContainerView"
   }

package/android/src/main/java/com/lodev09/truesheet/TrueSheetView.kt

@@ -18,7 +18,6 @@ import com.lodev09.truesheet.events.DragChangeEvent
 import com.lodev09.truesheet.events.DragEndEvent
 import com.lodev09.truesheet.events.MountEvent
 import com.lodev09.truesheet.events.PositionChangeEvent
-import com.lodev09.truesheet.events.SizeChangeEvent
 import com.lodev09.truesheet.events.WillDismissEvent
 import com.lodev09.truesheet.events.WillPresentEvent
 
@@ -350,14 +349,6 @@ class TrueSheetView(private val reactContext: ThemedReactContext) :
     viewController.dismiss()
   }
 
-  override fun viewControllerDidChangeSize(width: Int, height: Int) {
-    // Dispatch size change event to JS
-    val surfaceId = UIManagerHelper.getSurfaceId(this)
-    eventDispatcher?.dispatchEvent(
-      SizeChangeEvent(surfaceId, id, width, height)
-    )
-  }
-
   // ==================== TrueSheetContainerViewDelegate Implementation ====================
 
   override fun containerViewContentDidChangeSize(width: Int, height: Int) {

package/android/src/main/java/com/lodev09/truesheet/TrueSheetViewController.kt

@@ -4,6 +4,7 @@ import android.annotation.SuppressLint
 import android.graphics.Color
 import android.graphics.drawable.ShapeDrawable
 import android.graphics.drawable.shapes.RoundRectShape
+import android.util.TypedValue
 import android.view.MotionEvent
 import android.view.View
 import android.view.WindowManager
@@ -40,7 +41,6 @@ interface TrueSheetViewControllerDelegate {
   fun viewControllerDidDragChange(index: Int, position: Float)
   fun viewControllerDidDragEnd(index: Int, position: Float)
   fun viewControllerDidChangePosition(index: Int, position: Float, transitioning: Boolean)
-  fun viewControllerDidChangeSize(width: Int, height: Int)
 }
 
 /**
@@ -65,6 +65,9 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
   private val jSTouchDispatcher = JSTouchDispatcher(this)
   private var jSPointerDispatcher: JSPointerDispatcher? = null
 
+  private var viewWidth = 0
+  private var viewHeight = 0
+
   /**
    * Delegate for handling view controller events
    */
@@ -192,8 +195,8 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
       }
     }
 
-  var cornerRadius: Float = 0f
-  var sheetBackgroundColor: Int = Color.WHITE
+  var cornerRadius: Float = 28f.dpToPx()
+  var sheetBackgroundColor: Int = 0
   var detents = mutableListOf(0.5, 1.0)
 
   private var windowAnimation: Int = 0
@@ -203,6 +206,24 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
     jSPointerDispatcher = JSPointerDispatcher(this)
   }
 
+  /**
+   * Get the default background color from Material Design 3 theme.
+   * Uses colorSurfaceContainerLow which adapts to light/dark mode.
+   */
+  fun getDefaultBackgroundColor(): Int {
+    val typedValue = TypedValue()
+    return if (reactContext.theme.resolveAttribute(
+        com.google.android.material.R.attr.colorSurfaceContainerLow,
+        typedValue,
+        true
+      )
+    ) {
+      typedValue.data
+    } else {
+      Color.WHITE
+    }
+  }
+
   // ==================== Lifecycle ====================
 
   /**
@@ -495,8 +516,11 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
         0f
       )
 
+      // 0 (transparent) is used as sentinel for "use system default"
+      val backgroundColor = if (sheetBackgroundColor != 0) sheetBackgroundColor else getDefaultBackgroundColor()
+
       val background = ShapeDrawable(RoundRectShape(outerRadii, null, null))
-      background.paint.color = sheetBackgroundColor
+      background.paint.color = backgroundColor
 
       this.background = background
       this.clipToOutline = true
@@ -774,6 +798,11 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
 
   override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
     super.onSizeChanged(w, h, oldw, oldh)
+    viewWidth = w
+    viewHeight = h
+
+    // Update container state with new dimensions
+    containerView?.updateState(viewWidth, viewHeight)
 
     // Only proceed if size actually changed
     if (w == oldw && h == oldh) return
@@ -796,9 +825,6 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
         delegate?.viewControllerDidChangePosition(detentInfo.index, detentInfo.position, transitioning = true)
       }
     }
-
-    // Notify delegate about size change
-    delegate?.viewControllerDidChangeSize(w, h)
   }
 
   override fun handleException(t: Throwable) {

package/android/src/main/java/com/lodev09/truesheet/TrueSheetViewManager.kt

@@ -1,6 +1,5 @@
 package com.lodev09.truesheet
 
-import android.graphics.Color
 import android.view.WindowManager
 import com.facebook.react.bridge.ReadableArray
 import com.facebook.react.module.annotations.ReactModule
@@ -61,8 +60,7 @@ class TrueSheetViewManager :
       DragBeginEvent.EVENT_NAME to hashMapOf("registrationName" to DragBeginEvent.REGISTRATION_NAME),
       DragChangeEvent.EVENT_NAME to hashMapOf("registrationName" to DragChangeEvent.REGISTRATION_NAME),
       DragEndEvent.EVENT_NAME to hashMapOf("registrationName" to DragEndEvent.REGISTRATION_NAME),
-      PositionChangeEvent.EVENT_NAME to hashMapOf("registrationName" to PositionChangeEvent.REGISTRATION_NAME),
-      SizeChangeEvent.EVENT_NAME to hashMapOf("registrationName" to SizeChangeEvent.REGISTRATION_NAME)
+      PositionChangeEvent.EVENT_NAME to hashMapOf("registrationName" to PositionChangeEvent.REGISTRATION_NAME)
     )
 
   // ==================== Props ====================
@@ -85,7 +83,7 @@ class TrueSheetViewManager :
     view.setDetents(detents)
   }
 
-  @ReactProp(name = "background", defaultInt = Color.WHITE)
+  @ReactProp(name = "background", defaultInt = 0)
   override fun setBackground(view: TrueSheetView, color: Int) {
     view.setSheetBackgroundColor(color)
   }
@@ -154,6 +152,16 @@ class TrueSheetViewManager :
     view.setEdgeToEdgeFullScreen(edgeToEdgeFullScreen)
   }
 
+  @ReactProp(name = "fitScrollView", defaultBoolean = false)
+  override fun setFitScrollView(view: TrueSheetView, value: Boolean) {
+    // iOS-specific prop - no-op on Android
+  }
+
+  @ReactProp(name = "pageSizing", defaultBoolean = true)
+  override fun setPageSizing(view: TrueSheetView, value: Boolean) {
+    // iOS-specific prop - no-op on Android
+  }
+
   companion object {
     const val REACT_CLASS = "TrueSheetView"
     const val TAG_NAME = "TrueSheet"

package/android/src/main/jni/CMakeLists.txt

@@ -0,0 +1,87 @@
+cmake_minimum_required(VERSION 3.13)
+set(CMAKE_VERBOSE_MAKEFILE ON)
+
+set(LIB_LITERAL TrueSheetSpec)
+set(LIB_TARGET_NAME react_codegen_${LIB_LITERAL})
+
+set(LIB_ANDROID_DIR ${CMAKE_CURRENT_SOURCE_DIR}/../../..)
+set(LIB_COMMON_DIR ${LIB_ANDROID_DIR}/../common/cpp)
+set(LIB_ANDROID_GENERATED_JNI_DIR ${LIB_ANDROID_DIR}/build/generated/source/codegen/jni)
+set(LIB_ANDROID_GENERATED_COMPONENTS_DIR ${LIB_ANDROID_GENERATED_JNI_DIR}/react/renderer/components/${LIB_LITERAL})
+
+file(GLOB LIB_CUSTOM_SRCS CONFIGURE_DEPENDS *.cpp ${LIB_COMMON_DIR}/react/renderer/components/${LIB_LITERAL}/*.cpp)
+file(GLOB LIB_CODEGEN_SRCS CONFIGURE_DEPENDS ${LIB_ANDROID_GENERATED_JNI_DIR}/*.cpp ${LIB_ANDROID_GENERATED_COMPONENTS_DIR}/*.cpp)
+
+add_library(
+  ${LIB_TARGET_NAME}
+  SHARED
+  ${LIB_CUSTOM_SRCS}
+  ${LIB_CODEGEN_SRCS}
+)
+
+target_include_directories(
+  ${LIB_TARGET_NAME}
+  PUBLIC
+  .
+  ${LIB_COMMON_DIR}
+  ${LIB_ANDROID_GENERATED_JNI_DIR}
+  ${LIB_ANDROID_GENERATED_COMPONENTS_DIR}
+)
+
+if (REACTNATIVE_MERGED_SO)
+  target_link_libraries(
+    ${LIB_TARGET_NAME}
+    fbjni
+    jsi
+    reactnative
+    log
+  )
+else()
+  target_link_libraries(
+    ${LIB_TARGET_NAME}
+    fbjni
+    folly_runtime
+    glog
+    jsi
+    react_codegen_rncore
+    react_debug
+    react_nativemodule_core
+    react_render_core
+    react_render_debug
+    react_render_graphics
+    react_render_mapbuffer
+    react_render_componentregistry
+    react_utils
+    rrc_view
+    turbomodulejsijni
+    yoga
+    log
+  )
+endif()
+
+target_include_directories(
+  ${CMAKE_PROJECT_NAME}
+  PUBLIC
+  ${CMAKE_CURRENT_SOURCE_DIR}
+)
+
+if(ReactAndroid_VERSION_MINOR GREATER_EQUAL 80)
+  target_compile_reactnative_options(${LIB_TARGET_NAME} PUBLIC)
+else()
+  target_compile_options(
+    ${LIB_TARGET_NAME}
+    PRIVATE
+    -fexceptions
+    -frtti
+    -std=c++20
+    -Wall
+  )
+endif()
+
+target_compile_options(
+  ${LIB_TARGET_NAME}
+  PRIVATE
+  -Wpedantic
+  -Wno-gnu-zero-variadic-macro-arguments
+  -Wno-dollar-in-identifier-extension
+)

package/android/src/main/jni/TrueSheetSpec.h

@@ -0,0 +1,17 @@
+#pragma once
+
+#include <ReactCommon/JavaTurboModule.h>
+#include <ReactCommon/TurboModule.h>
+#include <jsi/jsi.h>
+#include <react/renderer/components/TrueSheetSpec/TrueSheetContainerViewComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+JSI_EXPORT
+std::shared_ptr<TurboModule> TrueSheetSpec_ModuleProvider(
+    const std::string &moduleName,
+    const JavaTurboModule::InitParams &params);
+
+} // namespace react
+} // namespace facebook

package/common/cpp/react/renderer/components/TrueSheetSpec/TrueSheetContainerViewComponentDescriptor.h

@@ -0,0 +1,24 @@
+#pragma once
+
+#include <react/renderer/components/TrueSheetSpec/TrueSheetContainerViewShadowNode.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+
+namespace facebook::react {
+
+/*
+ * Descriptor for <TrueSheetContainerView> component.
+ */
+class TrueSheetContainerViewComponentDescriptor final
+    : public ConcreteComponentDescriptor<TrueSheetContainerViewShadowNode> {
+  using ConcreteComponentDescriptor::ConcreteComponentDescriptor;
+
+  void adopt(ShadowNode &shadowNode) const override {
+    auto &concreteShadowNode =
+        static_cast<TrueSheetContainerViewShadowNode &>(shadowNode);
+    concreteShadowNode.adjustLayoutWithState();
+
+    ConcreteComponentDescriptor::adopt(shadowNode);
+  }
+};
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/TrueSheetSpec/TrueSheetContainerViewShadowNode.cpp

@@ -0,0 +1,46 @@
+#include "TrueSheetContainerViewShadowNode.h"
+
+#include <yoga/style/StyleSizeLength.h>
+
+namespace facebook::react {
+
+extern const char TrueSheetContainerViewComponentName[] = "TrueSheetContainerView";
+
+void TrueSheetContainerViewShadowNode::adjustLayoutWithState() {
+  ensureUnsealed();
+
+  auto state = std::static_pointer_cast<
+      const TrueSheetContainerViewShadowNode::ConcreteState>(getState());
+  auto stateData = state->getData();
+
+  // If container dimensions are set from native, override Yoga's dimensions
+  if (stateData.containerWidth > 0 || stateData.containerHeight > 0) {
+    auto &props = getConcreteProps();
+    yoga::Style adjustedStyle = props.yogaStyle;
+    auto currentStyle = yogaNode_.style();
+    bool needsUpdate = false;
+
+    // Set width if provided
+    if (stateData.containerWidth > 0) {
+      adjustedStyle.setDimension(yoga::Dimension::Width, yoga::StyleSizeLength::points(stateData.containerWidth));
+      if (adjustedStyle.dimension(yoga::Dimension::Width) != currentStyle.dimension(yoga::Dimension::Width)) {
+        needsUpdate = true;
+      }
+    }
+
+    // Set height if provided
+    if (stateData.containerHeight > 0) {
+      adjustedStyle.setDimension(yoga::Dimension::Height, yoga::StyleSizeLength::points(stateData.containerHeight));
+      if (adjustedStyle.dimension(yoga::Dimension::Height) != currentStyle.dimension(yoga::Dimension::Height)) {
+        needsUpdate = true;
+      }
+    }
+
+    if (needsUpdate) {
+      yogaNode_.setStyle(adjustedStyle);
+      yogaNode_.setDirty(true);
+    }
+  }
+}
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/TrueSheetSpec/TrueSheetContainerViewShadowNode.h

@@ -0,0 +1,28 @@
+#pragma once
+
+#include <jsi/jsi.h>
+#include <react/renderer/components/TrueSheetSpec/EventEmitters.h>
+#include <react/renderer/components/TrueSheetSpec/Props.h>
+#include <react/renderer/components/TrueSheetSpec/TrueSheetContainerViewState.h>
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+
+namespace facebook::react {
+
+JSI_EXPORT extern const char TrueSheetContainerViewComponentName[];
+
+/*
+ * `ShadowNode` for <TrueSheetContainerView> component.
+ */
+class JSI_EXPORT TrueSheetContainerViewShadowNode final
+    : public ConcreteViewShadowNode<
+          TrueSheetContainerViewComponentName,
+          TrueSheetContainerViewProps,
+          TrueSheetContainerViewEventEmitter,
+          TrueSheetContainerViewState> {
+  using ConcreteViewShadowNode::ConcreteViewShadowNode;
+
+ public:
+  void adjustLayoutWithState();
+};
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/TrueSheetSpec/TrueSheetContainerViewState.cpp

@@ -0,0 +1,11 @@
+#include "TrueSheetContainerViewState.h"
+
+namespace facebook::react {
+
+#ifdef ANDROID
+folly::dynamic TrueSheetContainerViewState::getDynamic() const {
+  return folly::dynamic::object("containerWidth", containerWidth)("containerHeight", containerHeight);
+}
+#endif
+
+} // namespace facebook::react

package/common/cpp/react/renderer/components/TrueSheetSpec/TrueSheetContainerViewState.h

@@ -0,0 +1,42 @@
+#pragma once
+
+#include <memory>
+
+#ifdef ANDROID
+#include <folly/dynamic.h>
+#include <react/renderer/mapbuffer/MapBuffer.h>
+#include <react/renderer/mapbuffer/MapBufferBuilder.h>
+#endif
+
+namespace facebook::react {
+
+/*
+ * State for <TrueSheetContainerView> component.
+ * Contains the container dimensions from native.
+ */
+class TrueSheetContainerViewState final {
+ public:
+  using Shared = std::shared_ptr<const TrueSheetContainerViewState>;
+
+  TrueSheetContainerViewState() = default;
+
+#ifdef ANDROID
+  TrueSheetContainerViewState(
+      TrueSheetContainerViewState const &previousState,
+      folly::dynamic data)
+      : containerWidth(static_cast<float>(data["containerWidth"].getDouble())),
+        containerHeight(static_cast<float>(data["containerHeight"].getDouble())) {}
+#endif
+
+  float containerWidth{0};
+  float containerHeight{0};
+
+#ifdef ANDROID
+  folly::dynamic getDynamic() const;
+  MapBuffer getMapBuffer() const {
+    return MapBufferBuilder::EMPTY();
+  }
+#endif
+};
+
+} // namespace facebook::react

package/ios/TrueSheetContainerView.mm

@@ -9,14 +9,18 @@
 #ifdef RCT_NEW_ARCH_ENABLED
 
 #import "TrueSheetContainerView.h"
-#import <react/renderer/components/TrueSheetSpec/ComponentDescriptors.h>
 #import <react/renderer/components/TrueSheetSpec/EventEmitters.h>
 #import <react/renderer/components/TrueSheetSpec/Props.h>
 #import <react/renderer/components/TrueSheetSpec/RCTComponentViewHelpers.h>
+#import <react/renderer/components/TrueSheetSpec/TrueSheetContainerViewComponentDescriptor.h>
+#import <react/renderer/components/TrueSheetSpec/TrueSheetContainerViewShadowNode.h>
+#import <react/renderer/components/TrueSheetSpec/TrueSheetContainerViewState.h>
 #import "TrueSheetContentView.h"
 #import "TrueSheetFooterView.h"
 
 #import <React/RCTConversions.h>
+#import <React/RCTLog.h>
+#import <react/renderer/core/State.h>
 
 using namespace facebook::react;
 
@@ -26,6 +30,8 @@ using namespace facebook::react;
 @implementation TrueSheetContainerView {
   TrueSheetContentView *_contentView;
   TrueSheetFooterView *_footerView;
+  TrueSheetContainerViewShadowNode::ConcreteState::Shared _state;
+  CGFloat _lastContainerWidth;
 }
 
 + (ComponentDescriptorProvider)componentDescriptorProvider {
@@ -41,11 +47,49 @@ using namespace facebook::react;
 
     _contentView = nil;
     _footerView = nil;
+    _lastContainerWidth = 0;
   }
   return self;
 }
 
-- (void)dealloc {
+- (void)layoutSubviews {
+  [super layoutSubviews];
+
+  // Override Yoga layout - fill the entire parent (controller's view)
+  if (self.superview) {
+    CGRect parentBounds = self.superview.bounds;
+    if (!CGRectEqualToRect(self.frame, parentBounds)) {
+      self.frame = parentBounds;
+    }
+
+    // Update state with container width so Yoga can use it for children layout
+    [self updateStateIfNeeded];
+  }
+}
+
+- (void)updateStateIfNeeded {
+  if (!self.superview) {
+    return;
+  }
+
+  CGFloat containerWidth = self.superview.bounds.size.width;
+  if (containerWidth > 0 && fabs(containerWidth - _lastContainerWidth) > 0.5) {
+    _lastContainerWidth = containerWidth;
+    [self updateState];
+  }
+}
+
+- (void)updateState {
+  if (!_state) {
+    return;
+  }
+
+  _state->updateState([=](TrueSheetContainerViewShadowNode::ConcreteState::Data const &oldData)
+                        -> TrueSheetContainerViewShadowNode::ConcreteState::SharedData {
+    auto newData = oldData;
+    newData.containerWidth = static_cast<float>(_lastContainerWidth);
+    return std::make_shared<TrueSheetContainerViewShadowNode::ConcreteState::Data const>(newData);
+  });
 }
 
 - (CGFloat)contentHeight {
@@ -64,7 +108,6 @@ using namespace facebook::react;
 
 - (void)setupContentScrollViewPinning:(BOOL)pinned {
   if (_contentView) {
-    NSLog(@"setting up scrollview pinning: %i", pinned);
     [_contentView setupScrollViewPinning:pinned];
   }
 }
@@ -75,7 +118,7 @@ using namespace facebook::react;
   // Handle content view mounting
   if ([childComponentView isKindOfClass:[TrueSheetContentView class]]) {
     if (_contentView != nil) {
-      NSLog(@"TrueSheet: Container can only have one content component.");
+      RCTLogWarn(@"TrueSheet: Container can only have one content component.");
       return;
     }
 
@@ -86,7 +129,7 @@ using namespace facebook::react;
   // Handle footer view mounting
   if ([childComponentView isKindOfClass:[TrueSheetFooterView class]]) {
     if (_footerView != nil) {
-      NSLog(@"TrueSheet: Container can only have one footer component.");
+      RCTLogWarn(@"TrueSheet: Container can only have one footer component.");
       return;
     }
 
@@ -110,6 +153,19 @@ using namespace facebook::react;
   [super updateProps:props oldProps:oldProps];
 }
 
+- (void)updateState:(const State::Shared &)state oldState:(const State::Shared &)oldState {
+  _state = std::static_pointer_cast<TrueSheetContainerViewShadowNode::ConcreteState const>(state);
+
+  // Reset last width when state is updated to ensure we push the correct width
+  // This handles re-presentation of the sheet where state is recreated
+  _lastContainerWidth = 0;
+}
+
+- (void)finalizeUpdates:(RNComponentViewUpdateMask)updateMask {
+  [super finalizeUpdates:updateMask];
+  [self updateStateIfNeeded];
+}
+
 #pragma mark - TrueSheetContentViewDelegate
 
 - (void)contentViewDidChangeSize:(CGSize)newSize {

package/ios/TrueSheetContentView.mm

@@ -53,17 +53,6 @@ using namespace facebook::react;
   }
 }
 
-//- (void)didMoveToSuperview {
-//  [super didMoveToSuperview];
-//
-//  // Setup scroll view pinning after Fabric mounts the view in container
-//  // Ensures proper view hierarchy for scroll detection and pinning
-//  if (self.superview) {
-//    NSLog(@"content has attached");
-////    [self setupScrollViewPinning];
-//  }
-//}
-
 - (void)unpinScrollView {
   // Unpin previous scroll view if exists
   if (_pinnedScrollView) {