@lodev09/react-native-true-sheet 4.0.0-beta.25 → 4.0.0-beta.27

package/README.md

@@ -35,6 +35,7 @@ The true native bottom sheet experience for your React Native Apps. 💩
 * 🍞 **`TrueSheetOverlay`** - Render toasts, dialogs, and other [overlays above your sheets](https://sheet.lodev09.com/guides/overlays) — no more `FullWindowOverlay`/`Modal` workarounds
 * 🔍 **Element inspector** - React Native's dev menu inspector now works inside a presented sheet
 * 🎨 **Dim color and opacity** - [Customize the dim](https://sheet.lodev09.com/guides/dimming#dim-color-and-opacity) behind the sheet with `dimColor` and `dimOpacity`
+* 📱 **Foldables** - [Rest the sheet on the hinge](https://sheet.lodev09.com/guides/foldables) of a half-folded iPhone with `foldOptions` (iOS 27.1+)
 
 ```sh
 npx expo install @lodev09/react-native-true-sheet@beta

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

@@ -32,10 +32,24 @@ class TrueSheetFooterView(reactContext: ThemedReactContext) : ReactViewGroup(rea
 
   private var lastWidth = 0
   private var lastHeight = 0
+  private var stateTranslationY = 0f
 
   var bottomInset = 0
     private set
 
+  /**
+   * positionFooter slides the footer off its Yoga position (above the
+   * keyboard, or riding the sheet). Mirror where it rests into the shadow
+   * node so measure() — and Pressability's press region — match where it's
+   * drawn. Called once the footer settles: every push is a commit.
+   */
+  fun syncTranslationState() {
+    if (translationY == stateTranslationY) return
+    val sw = stateWrapper ?: return
+    stateTranslationY = translationY
+    TrueSheetStateUpdater.updateFooterTranslation(sw, translationY.pxToDp())
+  }
+
   /**
    * Height the footer occupies above the keyboard — its layout height minus
    * the safe-area inset, which rides below the keyboard's top edge while the
@@ -55,14 +69,18 @@ class TrueSheetFooterView(reactContext: ThemedReactContext) : ReactViewGroup(rea
 
     val sw = stateWrapper ?: return
     val insetDp = bottomInset.toFloat().pxToDp()
+    // Carried along — this update replaces a still-queued translation update
+    stateTranslationY = translationY
+    val translateYDp = translationY.pxToDp()
 
     // Synchronous update — the footer must be padded before detents are
     // configured, otherwise the auto detent is set up an inset short
-    if (TrueSheetStateUpdater.updateFooterState(sw, insetDp)) return
+    if (TrueSheetStateUpdater.updateFooterState(sw, insetDp, translateYDp)) return
 
     // Fallback: async state update
     val newState = WritableNativeMap()
     newState.putDouble("bottomInset", insetDp.toDouble())
+    newState.putDouble("translateY", translateYDp.toDouble())
     sw.updateState(newState)
   }
 

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

@@ -67,7 +67,7 @@ class TrueSheetOverlayView(private val reactContext: ThemedReactContext) :
 
   override fun onDetachedFromWindow() {
     viewTreeObserver.removeOnWindowAttachListener(windowAttachListener)
-    detachRootView()
+    rootContainerView?.post { if (!isAttachedToWindow) detachRootView() }
     super.onDetachedFromWindow()
   }
 

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

@@ -41,8 +41,13 @@ object TrueSheetStateUpdater {
   }
 
   /** Returns false when unavailable — caller should fall back to async updateState. */
-  fun updateFooterState(stateWrapper: StateWrapper, bottomInsetDp: Float): Boolean =
-    isAvailable && nativeUpdateFooterState(stateWrapper, bottomInsetDp)
+  fun updateFooterState(stateWrapper: StateWrapper, bottomInsetDp: Float, translateYDp: Float): Boolean =
+    isAvailable && nativeUpdateFooterState(stateWrapper, bottomInsetDp, translateYDp)
+
+  /** Mirrors the footer's native translation so measure() matches where it's drawn. */
+  fun updateFooterTranslation(stateWrapper: StateWrapper, translateYDp: Float) {
+    if (isAvailable) nativeUpdateFooterTranslation(stateWrapper, translateYDp)
+  }
 
   /**
    * Publishes the precalculated bottom safe-area inset so a late-mounted
@@ -56,7 +61,10 @@ object TrueSheetStateUpdater {
   private external fun nativeUpdateState(stateWrapper: Any, width: Float, height: Float): Boolean
 
   @JvmStatic
-  private external fun nativeUpdateFooterState(stateWrapper: Any, bottomInset: Float): Boolean
+  private external fun nativeUpdateFooterState(stateWrapper: Any, bottomInset: Float, translateY: Float): Boolean
+
+  @JvmStatic
+  private external fun nativeUpdateFooterTranslation(stateWrapper: Any, translateY: Float)
 
   @JvmStatic
   private external fun nativeSetBottomSafeArea(insetDp: Float)

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

@@ -72,6 +72,9 @@ class TrueSheetView(private val reactContext: ThemedReactContext) :
   // Debounce flag to coalesce rapid layout changes into a single sheet update
   private var isSheetUpdatePending: Boolean = false
 
+  // didFocus waiting for the slide-back after a child dismissed
+  private var isDidFocusPending: Boolean = false
+
   // Root container for the coordinator layout (activity or Modal dialog content view)
   internal var rootContainerView: ViewGroup? = null
 
@@ -610,7 +613,7 @@ class TrueSheetView(private val reactContext: ThemedReactContext) :
 
     // Propagate any additional translation up the stack
     if (additionalTranslation > 0) {
-      TrueSheetStackManager.getParentSheet(this)?.addTranslation(additionalTranslation)
+      viewController.parentSheetView?.addTranslation(additionalTranslation)
     }
   }
 
@@ -642,7 +645,7 @@ class TrueSheetView(private val reactContext: ThemedReactContext) :
 
     val additionalTranslation = newTranslation - currentTranslation
     if (additionalTranslation > 0) {
-      TrueSheetStackManager.getParentSheet(this)?.addTranslation(additionalTranslation, animated = false)
+      viewController.parentSheetView?.addTranslation(additionalTranslation, animated = false)
     }
   }
 
@@ -653,7 +656,7 @@ class TrueSheetView(private val reactContext: ThemedReactContext) :
     if (viewController.isExpanded) return
 
     viewController.translateSheet(viewController.currentTranslationY + amount, animated)
-    TrueSheetStackManager.getParentSheet(this)?.addTranslation(amount, animated)
+    viewController.parentSheetView?.addTranslation(amount, animated)
   }
 
   /**
@@ -666,7 +669,25 @@ class TrueSheetView(private val reactContext: ThemedReactContext) :
 
     // Parent should recalculate its translation based on this sheet's position
     val mySheetTop = viewController.detentCalculator.getSheetTopForDetentIndex(viewController.currentDetentIndex)
-    TrueSheetStackManager.getParentSheet(this)?.updateTranslationForChild(mySheetTop)
+    viewController.parentSheetView?.updateTranslationForChild(mySheetTop)
+  }
+
+  /**
+   * Resets translation after a child dismissed and emits didFocus once the sheet settles.
+   * A sheet presented on top before then cancels the slide-back, so the next blur flushes it.
+   */
+  private fun focusAfterResetTranslation() {
+    isDidFocusPending = true
+    resetTranslation { emitPendingDidFocus() }
+  }
+
+  private fun emitPendingDidFocus() {
+    if (!isDidFocusPending) return
+    isDidFocusPending = false
+
+    if (viewController.isPresented && !viewController.isBeingDismissed) {
+      viewControllerDidFocus()
+    }
   }
 
   // ==================== TrueSheetViewControllerDelegate ====================
@@ -701,6 +722,9 @@ class TrueSheetView(private val reactContext: ThemedReactContext) :
   }
 
   override fun viewControllerDidDismiss(parent: TrueSheetView?) {
+    // A slide-back cut short by this sheet's own dismissal never emits; don't carry it over
+    isDidFocusPending = false
+
     // Detach coordinator from the root container view
     viewController.coordinatorLayout?.let { rootContainerView?.removeView(it) }
     rootContainerView = null
@@ -715,12 +739,7 @@ class TrueSheetView(private val reactContext: ThemedReactContext) :
     // The sheets below stop blending this sheet's dim
     parent?.viewController?.takeIf { it.isPresented }?.updateDimAmount()
 
-    parent?.resetTranslation {
-      val parentController = parent.viewController
-      if (parentController.isPresented && !parentController.isBeingDismissed) {
-        parent.viewControllerDidFocus()
-      }
-    }
+    parent?.focusAfterResetTranslation()
   }
 
   override fun viewControllerDidChangeDetent(index: Int, position: Float, detent: Float) {
@@ -763,6 +782,8 @@ class TrueSheetView(private val reactContext: ThemedReactContext) :
   }
 
   override fun viewControllerWillBlur() {
+    emitPendingDidFocus()
+
     val surfaceId = UIManagerHelper.getSurfaceId(this)
     eventDispatcher?.dispatchEvent(WillBlurEvent(surfaceId, id))
   }

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

@@ -374,6 +374,13 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
   private val isKeyboardTransitioning: Boolean
     get() = keyboardObserver?.isTransitioning ?: false
 
+  // The footer slides every frame until the sheet and keyboard come to rest
+  private val isSheetMoving: Boolean
+    get() = isPresentAnimating ||
+      isKeyboardTransitioning ||
+      behavior?.state == BottomSheetBehavior.STATE_DRAGGING ||
+      behavior?.state == BottomSheetBehavior.STATE_SETTLING
+
   // Keyboard is up or animating — detents are (or are about to be) keyboard-shifted
   val isKeyboardActive: Boolean
     get() = keyboardInset > 0 || isKeyboardTransitioning
@@ -724,6 +731,9 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
   }
 
   private fun handleStateSettled(sheetView: View, newState: Int) {
+    // The settle's last slide frame has positioned the footer
+    containerView?.footerView?.syncTranslationState()
+
     if (interactionState is InteractionState.Reconfiguring) return
 
     // A release already at a stop settles without a slide frame
@@ -886,6 +896,8 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
     setupSheetDetents()
     setupDimmedBackground()
     setupKeyboardObserver()
+    // Before the slide, so an input focused in onWillPresent insets the scrollable
+    containerView?.setupKeyboardHandler()
 
     displayedBackgroundIndex = detentIndex
     setupBackground(animated = false)
@@ -1008,11 +1020,9 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
     // Restore isHideable to actual value after present animation
     behavior?.isHideable = dismissible
 
-    containerView?.setupKeyboardHandler()
-
     val (index, position, detent) = getDetentInfoWithValue(currentDetentIndex)
-    delegate?.viewControllerDidPresent(index, position, detent)
     parentSheetView?.viewControllerDidBlur()
+    delegate?.viewControllerDidPresent(index, position, detent)
     delegate?.viewControllerDidFocus()
     sheetView?.updateGrabberAccessibilityValue(index, detents.size)
 
@@ -1288,6 +1298,7 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
     // absolute footer floats above it
     if (!absoluteFooter) {
       footerView.translationY = 0f
+      footerView.syncTranslationState()
       return
     }
 
@@ -1313,6 +1324,9 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
     // Clamp to prevent footer going above safe area
     val maxAllowedY = (sheetHeight - topInset - footerHeight).toFloat()
     footerView.y = minOf(footerY, maxAllowedY)
+    // Mid-motion slides are synced once the sheet settles or the keyboard
+    // lands (handleStateSettled, keyboardDidShow/keyboardDidHide)
+    if (!isSheetMoving) footerView.syncTranslationState()
     if (!footerAvoidsKeyboard) {
       containerView?.contentView?.updateContentInset()
     }
@@ -1403,7 +1417,13 @@ class TrueSheetViewController(private val reactContext: ThemedReactContext) :
           )
         }
 
+        override fun keyboardDidShow(height: Int) {
+          // The keyboard's last frame has positioned the footer
+          containerView?.footerView?.syncTranslationState()
+        }
+
         override fun keyboardDidHide() {
+          containerView?.footerView?.syncTranslationState()
           if (!shouldHandleKeyboard(checkFocus = false)) return
           isKeyboardDismissProgrammatic = false
           // Keep detentIndexBeforeKeyboard for the settle's detent-change check

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

@@ -253,6 +253,11 @@ class TrueSheetViewManager :
     // iOS-specific prop - no-op on Android
   }
 
+  @ReactProp(name = "foldOptions")
+  override fun setFoldOptions(view: TrueSheetView, options: ReadableMap?) {
+    // iOS-specific prop - no-op on Android
+  }
+
   @ReactProp(name = "insetAdjustment")
   override fun setInsetAdjustment(view: TrueSheetView, insetAdjustment: String?) {
     view.setInsetAdjustment(insetAdjustment ?: "automatic")

package/android/src/main/java/com/lodev09/truesheet/core/RNScreensEventObserver.kt

@@ -44,22 +44,9 @@ class RNScreensEventObserver : EventDispatcherListener {
   }
 
   fun capturePresenterScreenFromView(view: View?) {
-    presenterScreenTag = 0
-    val ancestors = mutableSetOf<Int>()
-
-    var current: View? = view
-    while (current != null) {
-      if (isScreenView(current)) {
-        if (presenterScreenTag == 0) {
-          presenterScreenTag = current.id
-        } else {
-          ancestors.add(current.id)
-        }
-      }
-      current = (current.parent as? View)
-    }
-
-    ancestorScreenTags = ancestors
+    val tags = screenTags(view).toList()
+    presenterScreenTag = tags.firstOrNull() ?: 0
+    ancestorScreenTags = tags.drop(1).toSet()
   }
 
   override fun onEventDispatch(event: Event<*>) {
@@ -84,5 +71,10 @@ class RNScreensEventObserver : EventDispatcherListener {
 
   companion object {
     private fun isScreenView(view: View): Boolean = view.javaClass.name == RN_SCREENS_VIEW_CLASS
+
+    // Tags of the screens enclosing the view, innermost first
+    private fun screenTags(view: View?): Sequence<Int> = generateSequence(view) { it.parent as? View }.filter(::isScreenView).map { it.id }
+
+    fun findPresenterScreenTag(view: View?): Int = screenTags(view).firstOrNull() ?: 0
   }
 }

package/android/src/main/java/com/lodev09/truesheet/core/TrueSheetBottomSheetBehavior.kt

@@ -40,6 +40,15 @@ class TrueSheetBottomSheetBehavior<V : View> : BottomSheetBehavior<V>() {
     hideFriction = HIDE_FRICTION
   }
 
+  // Material's first layout registers an IME callback that rides the sheet's translationY
+  // with the keyboard. TrueSheet positions sheets for the keyboard itself, and the callback
+  // overwrites a parent's stack translation when the keyboard rises mid-translation.
+  override fun onLayoutChild(parent: CoordinatorLayout, child: V, layoutDirection: Int): Boolean {
+    val handled = super.onLayoutChild(parent, child, layoutDirection)
+    ViewCompat.setWindowInsetsAnimationCallback(child, null)
+    return handled
+  }
+
   // With the short threshold, settle at or below the lowest detent like
   // Compose Material3's sheet instead of Material's half-height rule.
   private fun releaseState(child: V, dragged: Boolean, velocityY: Float): Int? {

package/android/src/main/java/com/lodev09/truesheet/core/TrueSheetBottomSheetView.kt

@@ -81,14 +81,6 @@ class TrueSheetBottomSheetView(private val reactContext: ThemedReactContext) : F
     clipToPadding = false
   }
 
-  override fun setTranslationY(translationY: Float) {
-    // This prevents keyboard inset animations from resetting parent sheet translation
-    if (translationY == 0f && this.translationY != 0f) {
-      return
-    }
-    super.setTranslationY(translationY)
-  }
-
   // =============================================================================
   // MARK: - Layout
   // =============================================================================

package/android/src/main/java/com/lodev09/truesheet/core/TrueSheetOverlayRootView.kt

@@ -48,7 +48,14 @@ class TrueSheetOverlayRootView(private val reactContext: ThemedReactContext) :
     translationZ = OVERLAY_Z
   }
 
-  // Children are positioned by Fabric — a FrameLayout pass would stretch them to match_parent
+  // Children are measured and positioned by Fabric — a FrameLayout pass would stretch them to match_parent
+  override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
+    setMeasuredDimension(
+      MeasureSpec.getSize(widthMeasureSpec),
+      MeasureSpec.getSize(heightMeasureSpec)
+    )
+  }
+
   override fun onLayout(
     changed: Boolean,
     left: Int,

package/android/src/main/java/com/lodev09/truesheet/core/TrueSheetStackManager.kt

@@ -12,16 +12,6 @@ object TrueSheetStackManager {
 
   private val presentedSheetStack = mutableListOf<TrueSheetView>()
 
-  /**
-   * Gets the parent sheet at the given index, if any.
-   * Only returns a parent if it's in the same container.
-   * Must be called within synchronized block.
-   */
-  private fun getParentSheetAt(index: Int, rootContainer: ViewGroup?): TrueSheetView? {
-    if (index <= 0) return null
-    return presentedSheetStack[index - 1].takeIf { it.rootContainerView == rootContainer }
-  }
-
   /**
    * Returns the topmost presented and visible sheet, skipping sheets that are dismissing.
    * A dismissing sheet can't parent a new one: its dim would suppress the child's own dim
@@ -33,6 +23,22 @@ object TrueSheetStackManager {
       it.viewController.run { isPresented && isSheetVisible && !isBeingDismissed }
     }
 
+  /**
+   * Returns the topmost sheet hidden by screen navigation that was presented from the same
+   * screen as the given sheet. Sheets presented on the covering screen must not parent to it,
+   * or the hidden sheet would receive focus and blur events while it can't be seen.
+   * Must be called within synchronized block.
+   */
+  private fun findScreenHiddenSheet(sheetView: TrueSheetView): TrueSheetView? {
+    val screenTag = RNScreensEventObserver.findPresenterScreenTag(sheetView)
+    if (screenTag == 0) return null
+
+    return presentedSheetStack.lastOrNull {
+      it.viewController.run { isPresented && wasHiddenByScreen && !isBeingDismissed } &&
+        it.screensEventObserver?.presenterScreenTag == screenTag
+    }
+  }
+
   /**
    * Registers a sheet in the stack and returns its parent sheet if any.
    * Only returns a parent if it's in the same container (e.g., same Screen).
@@ -40,7 +46,8 @@ object TrueSheetStackManager {
   @JvmStatic
   fun registerSheet(sheetView: TrueSheetView): TrueSheetView? {
     synchronized(presentedSheetStack) {
-      val parentSheet = findTopmostSheet()?.takeIf { it.rootContainerView == sheetView.rootContainerView }
+      val parentSheet = (findTopmostSheet() ?: findScreenHiddenSheet(sheetView))
+        ?.takeIf { it.rootContainerView == sheetView.rootContainerView }
 
       if (!presentedSheetStack.contains(sheetView)) {
         presentedSheetStack.add(sheetView)
@@ -62,24 +69,20 @@ object TrueSheetStackManager {
 
   /**
    * Updates parent sheet translation based on the child sheet's position.
-   * Only affects parent sheets in the same container.
    */
   @JvmStatic
   fun updateParentTranslation(sheetView: TrueSheetView) {
-    synchronized(presentedSheetStack) {
-      val index = presentedSheetStack.indexOf(sheetView)
-      val parentSheet = getParentSheetAt(index, sheetView.rootContainerView) ?: return
-
-      // Post to ensure layout is complete before reading position
-      sheetView.viewController.post {
-        val childMinSheetTop = sheetView.viewController.detentCalculator.getSheetTopForDetentIndex(0)
-        val childCurrentSheetTop = sheetView.viewController.detentCalculator.getSheetTopForDetentIndex(
-          sheetView.viewController.currentDetentIndex
-        )
-        // Cap to minimum detent position
-        val childSheetTop = maxOf(childMinSheetTop, childCurrentSheetTop)
-        parentSheet.updateTranslationForChild(childSheetTop)
-      }
+    val parentSheet = sheetView.viewController.parentSheetView ?: return
+
+    // Post to ensure layout is complete before reading position
+    sheetView.viewController.post {
+      val childMinSheetTop = sheetView.viewController.detentCalculator.getSheetTopForDetentIndex(0)
+      val childCurrentSheetTop = sheetView.viewController.detentCalculator.getSheetTopForDetentIndex(
+        sheetView.viewController.currentDetentIndex
+      )
+      // Cap to minimum detent position
+      val childSheetTop = maxOf(childMinSheetTop, childCurrentSheetTop)
+      parentSheet.updateTranslationForChild(childSheetTop)
     }
   }
 
@@ -113,18 +116,6 @@ object TrueSheetStackManager {
     }
   }
 
-  /**
-   * Gets the parent sheet of the given sheet, if any.
-   * Only returns a parent if it's in the same container.
-   */
-  @JvmStatic
-  fun getParentSheet(sheetView: TrueSheetView): TrueSheetView? {
-    synchronized(presentedSheetStack) {
-      val index = presentedSheetStack.indexOf(sheetView)
-      return getParentSheetAt(index, sheetView.rootContainerView)
-    }
-  }
-
   /**
    * Returns true if the given sheet is the topmost presented sheet in its container.
    */

package/android/src/main/jni/TrueSheetStateUpdater.cpp

@@ -58,7 +58,8 @@ static jboolean updateStateImmediate(
 static jboolean updateFooterStateImmediate(
     jni::alias_ref<jclass> /*clazz*/,
     jni::alias_ref<jobject> stateWrapper,
-    jfloat bottomInset) {
+    jfloat bottomInset,
+    jfloat translateY) {
   auto state = getStateFromWrapper(stateWrapper);
   if (!state) {
     return JNI_FALSE;
@@ -67,15 +68,44 @@ static jboolean updateFooterStateImmediate(
   auto concreteState =
       std::static_pointer_cast<const ConcreteState<TrueSheetFooterViewState>>(state);
 
-  // Copy the latest data so fields this bridge doesn't set survive the update
-  TrueSheetFooterViewState newState = concreteState->getData();
-  newState.bottomInset = bottomInset;
-  newState.initialized = true;
-  concreteState->updateState(std::move(newState), EventQueue::UpdateMode::unstable_Immediate);
+  // Carries the translation too — RN's EventQueue drops a still-queued update
+  // for the same view (see updateFooterTranslation) when this one is enqueued
+  concreteState->updateState(
+      [bottomInset, translateY](const TrueSheetFooterViewState &oldData) -> StateData::Shared {
+        auto newData = oldData;
+        newData.bottomInset = bottomInset;
+        newData.translateY = translateY;
+        newData.initialized = true;
+        return std::make_shared<const TrueSheetFooterViewState>(newData);
+      },
+      EventQueue::UpdateMode::unstable_Immediate);
 
   return JNI_TRUE;
 }
 
+// Mirrors the footer's resting translation into its state so measure()
+// matches where it's drawn. Async — it only feeds measure().
+static void updateFooterTranslation(
+    jni::alias_ref<jclass> /*clazz*/,
+    jni::alias_ref<jobject> stateWrapper,
+    jfloat translateY) {
+  auto state = getStateFromWrapper(stateWrapper);
+  if (!state) {
+    return;
+  }
+
+  auto concreteState =
+      std::static_pointer_cast<const ConcreteState<TrueSheetFooterViewState>>(state);
+
+  concreteState->updateState(
+      [translateY](const TrueSheetFooterViewState &oldData) -> StateData::Shared {
+        auto newData = oldData;
+        newData.translateY = translateY;
+        return std::make_shared<const TrueSheetFooterViewState>(newData);
+      },
+      EventQueue::UpdateMode::Asynchronous);
+}
+
 // Publishes the precalculated bottom safe-area inset so a late-mounted
 // footer's first layout is already padded (see TrueSheetFooterViewShadowNode).
 static void setBottomSafeArea(jni::alias_ref<jclass> /*clazz*/, jfloat insetDp) {
@@ -90,6 +120,7 @@ JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM *vm, void * /*reserved*/) {
         ->registerNatives({
             makeNativeMethod("nativeUpdateState", facebook::react::updateStateImmediate),
             makeNativeMethod("nativeUpdateFooterState", facebook::react::updateFooterStateImmediate),
+            makeNativeMethod("nativeUpdateFooterTranslation", facebook::react::updateFooterTranslation),
             makeNativeMethod("nativeSetBottomSafeArea", facebook::react::setBottomSafeArea),
         });
   });

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

@@ -1,6 +1,5 @@
 #include "TrueSheetContentViewShadowNode.h"
 
-#include <folly/ScopeGuard.h>
 #include <react/renderer/components/view/conversions.h>
 #include <react/renderer/core/ComponentDescriptor.h>
 #include <react/renderer/core/LayoutConstraints.h>
@@ -95,7 +94,12 @@ void TrueSheetContentViewShadowNode::updateNaturalHeightIfNeeded(const LayoutCon
     if (contentChanged_ || !measurement_ || !(measurement_->constraints == constraints) ||
         !(measurement_->context == measurementContext) || measurement_->errata != errata) {
       gIsMeasuringNaturalHeight = true;
-      auto restoreMeasurement = folly::makeGuard([] { gIsMeasuringNaturalHeight = false; });
+      // Not folly::makeGuard: its terminate() isn't linked into RN < 0.86 on Android.
+      struct RestoreMeasurement {
+        ~RestoreMeasurement() {
+          gIsMeasuringNaturalHeight = false;
+        }
+      } restoreMeasurement;
       auto measurementNode =
         measurement_ ? cloneForMeasurement(*this, *measurementSourceChildren_, measurement_->root->getChildren())
                      : cloneForMeasurement(*this, {}, {});

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

@@ -59,4 +59,16 @@ void TrueSheetFooterViewShadowNode::adjustLayoutWithState() {
   }
 }
 
+// Native moves the footer off its Yoga position without a layout pass. Folding
+// that slide into the transform keeps measure() — and Pressability's press
+// region — on the drawn footer.
+Transform TrueSheetFooterViewShadowNode::getTransform() const {
+  auto transform = ConcreteViewShadowNode::getTransform();
+  auto translateY = getStateData().translateY;
+  if (translateY == 0) {
+    return transform;
+  }
+  return transform * Transform::Translate(0, translateY, 0);
+}
+
 }  // namespace facebook::react

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

@@ -20,6 +20,8 @@ class JSI_EXPORT TrueSheetFooterViewShadowNode final
 
  public:
   void adjustLayoutWithState();
+
+  Transform getTransform() const override;
 };
 
 }  // namespace facebook::react

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

@@ -11,7 +11,8 @@ namespace facebook::react {
 /*
  * State for <TrueSheetFooterView> component.
  * Set from native with the sheet's bottom safe-area inset so the shadow node
- * pads the footer's bottom edge (see TrueSheetFooterViewShadowNode).
+ * pads the footer's bottom edge, and with the footer's native translation so
+ * measure() matches where it's drawn (see TrueSheetFooterViewShadowNode).
  */
 class TrueSheetFooterViewState final {
  public:
@@ -19,11 +20,16 @@ class TrueSheetFooterViewState final {
 
 #ifdef ANDROID
   TrueSheetFooterViewState(TrueSheetFooterViewState const &previousState, folly::dynamic data)
-      : bottomInset(static_cast<float>(data["bottomInset"].getDouble())), initialized(true) {
+      : bottomInset(static_cast<float>(data["bottomInset"].getDouble())),
+        translateY(static_cast<float>(data["translateY"].getDouble())),
+        initialized(true) {
   }
 #endif
 
   float bottomInset{0};
+  // Native slide off the Yoga position — above the keyboard, or riding the
+  // sheet below its lowest detent (Android)
+  float translateY{0};
   // True once native has pushed a real inset — until then the shadow node
   // seeds the layout from TrueSheetInsets (see TrueSheetFooterViewShadowNode)
   bool initialized{false};

package/ios/TrueSheetContainerView.h

@@ -37,6 +37,7 @@ NS_ASSUME_NONNULL_BEGIN
 
 - (void)containerViewContentDidChangeSize:(CGSize)newSize;
 - (void)containerViewScrollViewDidChange;
+- (void)containerViewDidMountTransaction;
 
 @optional
 

package/ios/TrueSheetContainerView.mm

@@ -287,6 +287,12 @@ using namespace facebook::react;
   [self.delegate containerViewScrollViewDidChange];
 }
 
+// Footer controls can mount, unmount, or hide deep in its subtree without
+// passing through its own mount hooks or changing its size.
+- (void)contentViewDidMountTransaction {
+  [self.delegate containerViewDidMountTransaction];
+}
+
 #pragma mark - TrueSheetHeaderViewDelegate
 
 - (void)headerViewDidChangeSize:(CGSize)newSize {

package/ios/TrueSheetContentView.h

@@ -26,6 +26,7 @@ NS_ASSUME_NONNULL_BEGIN
 
 - (void)contentViewDidChangeSize:(CGSize)newSize;
 - (void)contentViewScrollViewDidChange;
+- (void)contentViewDidMountTransaction;
 
 @end
 

package/ios/TrueSheetContentView.mm

@@ -181,6 +181,8 @@ using namespace facebook::react;
   // Layout has settled for the whole tree — the footer overlap (sheet height,
   // scroll view frame) and the keyboard inset are current here
   [self updateBottomInset];
+
+  [self.delegate contentViewDidMountTransaction];
 }
 
 #pragma mark - Scrollable