react-native-screens 4.1.0 → 4.3.0

package/android/src/main/java/com/swmansion/rnscreens/InsetsObserverProxy.kt

@@ -1,12 +1,15 @@
 package com.swmansion.rnscreens
 
+import android.util.Log
 import android.view.View
 import androidx.core.view.OnApplyWindowInsetsListener
 import androidx.core.view.ViewCompat
 import androidx.core.view.WindowInsetsCompat
+import com.facebook.react.bridge.LifecycleEventListener
+import com.facebook.react.bridge.ReactApplicationContext
 import java.lang.ref.WeakReference
 
-object InsetsObserverProxy : OnApplyWindowInsetsListener {
+object InsetsObserverProxy : OnApplyWindowInsetsListener, LifecycleEventListener {
     private val listeners: ArrayList<OnApplyWindowInsetsListener> = arrayListOf()
     private var eventSourceView: WeakReference<View> = WeakReference(null)
 
@@ -15,18 +18,23 @@ object InsetsObserverProxy : OnApplyWindowInsetsListener {
     // whether this observer has been initially registered.
     private var hasBeenRegistered: Boolean = false
 
+    // Mainly debug variable to log warnings in case we missed some code path regarding
+    // context lifetime handling.
+    private var isObservingContextLifetime: Boolean = false
+
     private var shouldForwardInsetsToView = true
 
+    // Allow only when we have not been registered yet or the view we're observing has been
+    // invalidated due to some lifecycle we have not observed.
+    private val allowRegistration get() = !hasBeenRegistered || eventSourceView.get() == null
+
     override fun onApplyWindowInsets(
         v: View,
         insets: WindowInsetsCompat,
     ): WindowInsetsCompat {
         var rollingInsets =
             if (shouldForwardInsetsToView) {
-                WindowInsetsCompat.toWindowInsetsCompat(
-                    v.onApplyWindowInsets(insets.toWindowInsets()),
-                    v,
-                )
+                ViewCompat.onApplyWindowInsets(v, insets)
             } else {
                 insets
             }
@@ -37,6 +45,34 @@ object InsetsObserverProxy : OnApplyWindowInsetsListener {
         return rollingInsets
     }
 
+    // Call this method to ensure that the observer proxy is
+    // unregistered when apps is destroyed or we change activity.
+    fun registerWithContext(context: ReactApplicationContext) {
+        if (isObservingContextLifetime) {
+            Log.w(
+                "[RNScreens]",
+                "InsetObserverProxy registers on new context while it has not been invalidated on the old one. Please report this as issue at https://github.com/software-mansion/react-native-screens/issues",
+            )
+        }
+
+        isObservingContextLifetime = true
+        context.addLifecycleEventListener(this)
+    }
+
+    override fun onHostResume() = Unit
+
+    override fun onHostPause() = Unit
+
+    override fun onHostDestroy() {
+        val observedView = getObservedView()
+        if (hasBeenRegistered && observedView != null) {
+            ViewCompat.setOnApplyWindowInsetsListener(observedView, null)
+            hasBeenRegistered = false
+            eventSourceView.clear()
+        }
+        isObservingContextLifetime = false
+    }
+
     fun addOnApplyWindowInsetsListener(listener: OnApplyWindowInsetsListener) {
         listeners.add(listener)
     }
@@ -45,20 +81,23 @@ object InsetsObserverProxy : OnApplyWindowInsetsListener {
         listeners.remove(listener)
     }
 
-    fun registerOnView(view: View) {
-        if (!hasBeenRegistered) {
+    /**
+     * @return boolean whether the proxy registered as a listener on a view
+     */
+    fun registerOnView(view: View): Boolean {
+        if (allowRegistration) {
             ViewCompat.setOnApplyWindowInsetsListener(view, this)
             eventSourceView = WeakReference(view)
             hasBeenRegistered = true
-        } else if (getObservedView() != view) {
-            throw IllegalStateException(
-                "[RNScreens] Attempt to register InsetsObserverProxy on $view while it has been already registered on ${getObservedView()}",
-            )
+            return true
         }
+        return false
     }
 
-    fun unregisterOnView(view: View) {
-        ViewCompat.setOnApplyWindowInsetsListener(view, null)
+    fun unregister() {
+        getObservedView()?.takeIf { hasBeenRegistered }?.let {
+            ViewCompat.setOnApplyWindowInsetsListener(it, null)
+        }
     }
 
     private fun getObservedView(): View? = eventSourceView.get()

package/android/src/main/java/com/swmansion/rnscreens/RNScreensPackage.kt

@@ -29,6 +29,10 @@ class RNScreensPackage : TurboReactPackage() {
             screenDummyLayoutHelper = ScreenDummyLayoutHelper(reactContext)
         }
 
+        // Proxy needs to register for lifecycle events in order to unregister itself
+        // on activity restarts.
+        InsetsObserverProxy.registerWithContext(reactContext)
+
         return listOf<ViewManager<*, *>>(
             ScreenContainerViewManager(),
             ScreenViewManager(),

package/android/src/main/java/com/swmansion/rnscreens/Screen.kt

@@ -17,16 +17,18 @@ import androidx.swiperefreshlayout.widget.SwipeRefreshLayout
 import com.facebook.react.bridge.GuardedRunnable
 import com.facebook.react.bridge.ReactContext
 import com.facebook.react.uimanager.PixelUtil
+import com.facebook.react.uimanager.ReactClippingViewGroup
 import com.facebook.react.uimanager.UIManagerHelper
 import com.facebook.react.uimanager.UIManagerModule
 import com.facebook.react.uimanager.events.EventDispatcher
+import com.facebook.react.views.scroll.ReactHorizontalScrollView
+import com.facebook.react.views.scroll.ReactScrollView
 import com.google.android.material.bottomsheet.BottomSheetBehavior
 import com.google.android.material.shape.CornerFamily
 import com.google.android.material.shape.MaterialShapeDrawable
 import com.google.android.material.shape.ShapeAppearanceModel
 import com.swmansion.rnscreens.events.HeaderHeightChangeEvent
 import com.swmansion.rnscreens.events.SheetDetentChangedEvent
-import com.swmansion.rnscreens.ext.isInsideScrollViewWithRemoveClippedSubviews
 import java.lang.ref.WeakReference
 
 @SuppressLint("ViewConstructor") // Only we construct this view, it is never inflated.
@@ -382,6 +384,7 @@ class Screen(
         parent?.let {
             for (i in 0 until it.childCount) {
                 val child = it.getChildAt(i)
+
                 if (parent is SwipeRefreshLayout && child is ImageView) {
                     // SwipeRefreshLayout class which has CircleImageView as a child,
                     // does not handle `startViewTransition` properly.
@@ -393,19 +396,35 @@ class Screen(
                 } else {
                     child?.let { view -> it.startViewTransition(view) }
                 }
+
                 if (child is ScreenStackHeaderConfig) {
                     // we want to start transition on children of the toolbar too,
                     // which is not a child of ScreenStackHeaderConfig
                     startTransitionRecursive(child.toolbar)
                 }
+
                 if (child is ViewGroup) {
-                    // The children are miscounted when there's a FlatList with
-                    // removeClippedSubviews set to true (default).
-                    // We add a simple view for each item in the list to make it work as expected.
-                    // See https://github.com/software-mansion/react-native-screens/pull/2383
-                    if (child.isInsideScrollViewWithRemoveClippedSubviews()) {
-                        for (j in 0 until child.childCount) {
-                            child.addView(View(context))
+                    // The children are miscounted when there's removeClippedSubviews prop
+                    // set to true (which is the default for FlatLists).
+                    // Unless the child is a ScrollView it's safe to assume that it's true
+                    // and add a simple view for each possibly clipped item to make it work as expected.
+                    // See https://github.com/software-mansion/react-native-screens/pull/2495
+
+                    if (child is ReactClippingViewGroup &&
+                        child.removeClippedSubviews &&
+                        child !is ReactScrollView &&
+                        child !is ReactHorizontalScrollView
+                    ) {
+                        // We need to workaround the issue until our changes land in core.
+                        // Some views do not accept any children or have set amount and they throw
+                        // when we want to brute-forcefully manipulate that.
+                        // Is this ugly? Very. Do we have better option before changes land in core?
+                        // I'm not aware of any.
+                        try {
+                            for (j in 0 until child.childCount) {
+                                child.addView(View(context))
+                            }
+                        } catch (_: Exception) {
                         }
                     }
                     startTransitionRecursive(child)

package/android/src/main/java/com/swmansion/rnscreens/ScreenFooter.kt

@@ -35,6 +35,7 @@ class ScreenFooter(
     private val sheetBehavior
         get() = requireScreenParent().sheetBehavior
 
+    private val hasReceivedInitialLayoutFromParent get() = lastContainerHeight > 0
 
     // Due to Android restrictions on layout flow, particularly
     // the fact that onMeasure must set `measuredHeight` & `measuredWidth` React calls `measure` on every
@@ -92,9 +93,10 @@ class ScreenFooter(
         }
 
     init {
-        val rootView = checkNotNull(reactContext.currentActivity) {
-            "[RNScreens] Context detached from activity while creating ScreenFooter"
-        }.window.decorView
+        val rootView =
+            checkNotNull(reactContext.currentActivity) {
+                "[RNScreens] Context detached from activity while creating ScreenFooter"
+            }.window.decorView
 
         // Note that we do override insets animation on given view. I can see it interfering e.g.
         // with reanimated keyboard or even other places in our code. Need to test this.
@@ -115,6 +117,9 @@ class ScreenFooter(
         bottom: Int,
     ) {
         super.onLayout(changed, left, top, right, bottom)
+        if (!hasReceivedInitialLayoutFromParent) {
+            return
+        }
         layoutFooterOnYAxis(
             lastContainerHeight,
             bottom - top,
@@ -219,11 +224,18 @@ class ScreenFooter(
      *
      * This method should not be used for sheet in stable state.
      *
+     * Currently the implementation assumes that the Screen's (sheet's) container starts at y: 0
+     * in global coordinates. Then we can use simply sheet's top. If that is for some reason
+     * unavailable, then we fallback to interpolation basing on values provided by sheet behaviour.
+     *
+     * We don't want to primarily rely on interpolation, because due to division rounding errors the footer
+     * will "flicker" (jump up / down a single pixel).
+     *
      * @param slideOffset sheet offset as reported by [BottomSheetCallback.onSlide]
      * @return position of sheet's top **relative to container**
      */
     private fun sheetTopWhileDragging(slideOffset: Float): Int =
-        MathUtils
+        screenParent?.top ?: MathUtils
             .lerp(
                 sheetTopInStableState(STATE_COLLAPSED).toFloat(),
                 sheetTopInStableState(

package/android/src/main/java/com/swmansion/rnscreens/ScreenWindowTraits.kt

@@ -163,7 +163,6 @@ object ScreenWindowTraits {
                         InsetsObserverProxy.registerOnView(decorView)
                         InsetsObserverProxy.addOnApplyWindowInsetsListener(windowInsetsListener)
                     } else {
-                        InsetsObserverProxy.unregisterOnView(decorView)
                         InsetsObserverProxy.removeOnApplyWindowInsetsListener(windowInsetsListener)
                     }
                     ViewCompat.requestApplyInsets(decorView)

package/android/src/main/java/com/swmansion/rnscreens/bottomsheet/DimmingFragment.kt

@@ -208,7 +208,7 @@ class DimmingFragment(
     override fun onStart() {
         // This is the earliest we can access child fragment manager & present another fragment
         super.onStart()
-        insetsProxy.registerOnView(requireRootView())
+        insetsProxy.registerOnView(requireDecorView())
         presentNestedFragment()
     }
 
@@ -307,7 +307,7 @@ class DimmingFragment(
             }
     }
 
-    private fun requireRootView(): View =
+    private fun requireDecorView(): View =
         checkNotNull(screen.reactContext.currentActivity) { "[RNScreens] Attempt to access activity on detached context" }
             .window.decorView
 

package/android/src/main/java/com/swmansion/rnscreens/ext/ViewExt.kt

@@ -3,9 +3,6 @@ package com.swmansion.rnscreens.ext
 import android.graphics.drawable.ColorDrawable
 import android.view.View
 import android.view.ViewGroup
-import com.facebook.react.views.scroll.ReactHorizontalScrollView
-import com.facebook.react.views.scroll.ReactScrollView
-import com.swmansion.rnscreens.ScreenStack
 
 internal fun View.parentAsView() = this.parent as? View
 
@@ -33,24 +30,3 @@ internal fun View.maybeBgColor(): Int? {
     }
     return null
 }
-
-internal fun View.isInsideScrollViewWithRemoveClippedSubviews(): Boolean {
-    if (this is ReactHorizontalScrollView || this is ReactScrollView) {
-        return false
-    }
-    var parentView = this.parent
-    while (parentView is ViewGroup && parentView !is ScreenStack) {
-        when (parentView) {
-            is ReactHorizontalScrollView -> {
-                return parentView.removeClippedSubviews
-            }
-            is ReactScrollView -> {
-                return parentView.removeClippedSubviews
-            }
-            else -> {
-                parentView = parentView.parent
-            }
-        }
-    }
-    return false
-}

package/common/cpp/react/renderer/components/rnscreens/RNSScreenComponentDescriptor.h

@@ -2,7 +2,7 @@
 
 #ifdef ANDROID
 #include <fbjni/fbjni.h>
-#endif
+#endif // ANDROID
 #include <react/debug/react_native_assert.h>
 #include <react/renderer/components/rnscreens/Props.h>
 #include <react/renderer/components/rnscreens/utils/RectUtil.h>

package/common/cpp/react/renderer/components/rnscreens/RNSScreenStackHeaderConfigComponentDescriptor.h

@@ -38,6 +38,11 @@ class RNSScreenStackHeaderConfigComponentDescriptor final
         {stateData.getPaddingStart(), 0, stateData.getPaddingEnd(), 0});
 
     ConcreteComponentDescriptor::adopt(shadowNode);
+#if !defined(ANDROID) && !defined(NDEBUG)
+    std::weak_ptr<void> imageLoader =
+        contextContainer_->at<std::shared_ptr<void>>("RCTImageLoader");
+    configShadowNode.setImageLoader(imageLoader);
+#endif // !ANDROID && !NDEBUG
   }
 };
 

package/common/cpp/react/renderer/components/rnscreens/RNSScreenStackHeaderConfigShadowNode.cpp

@@ -5,4 +5,18 @@ namespace facebook::react {
 extern const char RNSScreenStackHeaderConfigComponentName[] =
     "RNSScreenStackHeaderConfig";
 
+#if !defined(ANDROID) && !defined(NDEBUG)
+void RNSScreenStackHeaderConfigShadowNode::setImageLoader(
+    std::weak_ptr<void> imageLoader) {
+  getStateDataMutable().setImageLoader(imageLoader);
 }
+RNSScreenStackHeaderConfigShadowNode::StateData &
+RNSScreenStackHeaderConfigShadowNode::getStateDataMutable() {
+  // We assume that this method is called to mutate the data, so we ensure
+  // we're unsealed.
+  ensureUnsealed();
+  return const_cast<RNSScreenStackHeaderConfigShadowNode::StateData &>(
+      getStateData());
+}
+#endif // !ANDROID && !NDEBUG
+} // namespace facebook::react

package/common/cpp/react/renderer/components/rnscreens/RNSScreenStackHeaderConfigShadowNode.h

@@ -27,6 +27,14 @@ class JSI_EXPORT RNSScreenStackHeaderConfigShadowNode final
 #pragma mark - ShadowNode overrides
 
 #pragma mark - Custom interface
+#if !defined(ANDROID) && !defined(NDEBUG)
+  void setImageLoader(std::weak_ptr<void> imageLoader);
+#endif // !ANDROID && !NDEBUG
+
+ private:
+#if !defined(ANDROID) && !defined(NDEBUG)
+  StateData &getStateDataMutable();
+#endif // !ANDROID && !NDEBUG
 };
 
 } // namespace facebook::react

package/common/cpp/react/renderer/components/rnscreens/RNSScreenStackHeaderConfigState.cpp

@@ -8,8 +8,19 @@ folly::dynamic RNSScreenStackHeaderConfigState::getDynamic() const {
   return folly::dynamic::object("paddingStart", paddingStart_)(
       "paddingEnd_", paddingEnd_);
 }
+#else // ANDROID
+#ifndef NDEBUG
+void RNSScreenStackHeaderConfigState::setImageLoader(
+    std::weak_ptr<void> imageLoader) {
+  imageLoader_ = imageLoader;
+}
 
-#endif
+std::weak_ptr<void> RNSScreenStackHeaderConfigState::getImageLoader()
+    const noexcept {
+  return imageLoader_;
+}
+#endif // !NDEBUG
+#endif // ANDROID
 
 Float RNSScreenStackHeaderConfigState::getPaddingStart() const noexcept {
   return paddingStart_;

package/common/cpp/react/renderer/components/rnscreens/RNSScreenStackHeaderConfigState.h

@@ -33,8 +33,12 @@ class JSI_EXPORT RNSScreenStackHeaderConfigState final {
   MapBuffer getMapBuffer() const {
     return MapBufferBuilder::EMPTY();
   };
-
-#endif
+#else // ANDROID
+#ifndef NDEBUG
+  void setImageLoader(std::weak_ptr<void> imageLoader);
+  std::weak_ptr<void> getImageLoader() const noexcept;
+#endif // !NDEBUG
+#endif // ANDROID
 
 #pragma mark - Getters
 
@@ -45,6 +49,9 @@ class JSI_EXPORT RNSScreenStackHeaderConfigState final {
  private:
   Float paddingStart_{0.f};
   Float paddingEnd_{0.f};
+#if !defined(ANDROID) && !defined(NDEBUG)
+  std::weak_ptr<void> imageLoader_;
+#endif // !ANDROID && !NDEBUG
 };
 
 } // namespace facebook::react

package/common/cpp/react/renderer/components/rnscreens/RNSScreenStackHeaderSubviewComponentDescriptor.h

@@ -2,7 +2,7 @@
 
 #ifdef ANDROID
 #include <fbjni/fbjni.h>
-#endif
+#endif // ANDROID
 #include <react/debug/react_native_assert.h>
 #include <react/renderer/components/rnscreens/Props.h>
 #include <react/renderer/components/rnscreens/utils/RectUtil.h>

package/common/cpp/react/renderer/components/rnscreens/RNSScreenStackHeaderSubviewShadowNode.cpp

@@ -5,4 +5,4 @@ namespace facebook::react {
 extern const char RNSScreenStackHeaderSubviewComponentName[] =
     "RNSScreenStackHeaderSubview";
 
-}
+} // namespace facebook::react

package/common/cpp/react/renderer/components/rnscreens/RNSScreenStackHeaderSubviewShadowNode.h

@@ -23,7 +23,6 @@ class JSI_EXPORT RNSScreenStackHeaderSubviewShadowNode final
  public:
   using ConcreteViewShadowNode::ConcreteViewShadowNode;
   using StateData = ConcreteViewShadowNode::ConcreteStateData;
-
 #pragma mark - ShadowNode overrides
 
 #pragma mark - Custom interface

package/common/cpp/react/renderer/components/rnscreens/RNSScreenStackHeaderSubviewState.cpp

@@ -9,7 +9,7 @@ using namespace rnscreens;
 folly::dynamic RNSScreenStackHeaderSubviewState::getDynamic() const {
   return folly::dynamic::object();
 }
-#endif
+#endif // ANDROID
 
 } // namespace react
 } // namespace facebook

package/common/cpp/react/renderer/components/rnscreens/RNSScreenStackHeaderSubviewState.h

@@ -32,8 +32,7 @@ class JSI_EXPORT RNSScreenStackHeaderSubviewState final {
   MapBuffer getMapBuffer() const {
     return MapBufferBuilder::EMPTY();
   };
-#endif
-
+#endif // ANDROID
 #pragma mark - Getters
 };
 

package/common/cpp/react/renderer/components/rnscreens/RNSScreenState.cpp

@@ -29,7 +29,7 @@ const FrameCorrectionModes &RNSScreenState::getHeaderCorrectionModes()
   return headerCorrectionModes_;
 }
 
-#endif
+#endif // ANDROID
 
 } // namespace react
 } // namespace facebook

package/common/cpp/react/renderer/components/rnscreens/RNSScreenState.h

@@ -7,7 +7,7 @@
 #include <folly/dynamic.h>
 #include <react/renderer/mapbuffer/MapBuffer.h>
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
-#endif
+#endif // ANDROID
 
 #include "FrameCorrectionModes.h"
 
@@ -53,7 +53,7 @@ class JSI_EXPORT RNSScreenState final {
 
   const FrameCorrectionModes &getHeaderCorrectionModes() const noexcept;
 
-#endif
+#endif // ANDROID
 
  private:
 #ifdef ANDROID

package/ios/RNSScreenStack.mm

@@ -1183,16 +1183,7 @@ RNS_IGNORE_SUPER_CALL_END
 - (void)unmountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index
 {
   RNSScreenView *screenChildComponent = (RNSScreenView *)childComponentView;
-
-  // We should only do a snapshot of a screen that is on the top.
-  // We also check `_presentedModals` since if you push 2 modals, second one is not a "child" of _controller.
-  // Also, when dissmised with a gesture, the screen already is not under the window, so we don't need to apply
-  // snapshot.
-  if (screenChildComponent.window != nil &&
-      ((screenChildComponent == _controller.visibleViewController.view && _presentedModals.count < 2) ||
-       screenChildComponent == [_presentedModals.lastObject view])) {
-    [screenChildComponent.controller setViewToSnapshot];
-  }
+  [screenChildComponent.controller setViewToSnapshot];
 
   RCTAssert(
       screenChildComponent.reactSuperview == self,

package/ios/RNSScreenStackHeaderConfig.mm

@@ -10,6 +10,9 @@
 #import <react/renderer/components/rnscreens/RCTComponentViewHelpers.h>
 #import <rnscreens/RNSScreenStackHeaderConfigComponentDescriptor.h>
 #import "RCTImageComponentView+RNSScreenStackHeaderConfig.h"
+#ifndef NDEBUG
+#import <react/utils/ManagedObjectWrapper.h>
+#endif // !NDEBUG
 #else
 #import <React/RCTImageView.h>
 #import <React/RCTShadowView.h>
@@ -61,6 +64,9 @@ namespace react = facebook::react;
 #ifdef RCT_NEW_ARCH_ENABLED
   BOOL _initialPropsSet;
   react::RNSScreenStackHeaderConfigShadowNode::ConcreteState::Shared _state;
+#ifndef NDEBUG
+  RCTImageLoader *imageLoader;
+#endif // !NDEBUG
 #else
   __weak RCTBridge *_bridge;
 #endif
@@ -338,10 +344,10 @@ RNS_IGNORE_SUPER_CALL_END
   [button setTitleTextAttributes:attrs forState:UIControlStateFocused];
 }
 
-+ (UIImage *)loadBackButtonImageInViewController:(UIViewController *)vc withConfig:(RNSScreenStackHeaderConfig *)config
+- (UIImage *)loadBackButtonImageInViewController:(UIViewController *)vc
 {
   BOOL hasBackButtonImage = NO;
-  for (RNSScreenStackHeaderSubview *subview in config.reactSubviews) {
+  for (RNSScreenStackHeaderSubview *subview in self.reactSubviews) {
     if (subview.type == RNSScreenStackHeaderSubviewTypeBackButton && subview.subviews.count > 0) {
       hasBackButtonImage = YES;
 #ifdef RCT_NEW_ARCH_ENABLED
@@ -367,6 +373,7 @@ RNS_IGNORE_SUPER_CALL_END
 
       UIImage *image = imageView.image;
 
+#ifndef NDEBUG
       // IMPORTANT!!!
       // image can be nil in DEV MODE ONLY
       //
@@ -381,8 +388,9 @@ RNS_IGNORE_SUPER_CALL_END
         // in DEV MODE we try to load from cache (we use private API for that as it is not exposed
         // publically in headers).
         RCTImageSource *imageSource = [RNSScreenStackHeaderConfig imageSourceFromImageView:imageView];
-        RCTImageLoader *imageLoader = [subview.bridge moduleForClass:[RCTImageLoader class]];
-
+#ifndef RCT_NEW_ARCH_ENABLED
+        RCTImageLoader *imageLoader = [_bridge moduleForClass:[RCTImageLoader class]];
+#endif // !RCT_NEW_ARCH_ENABLED
         image = [imageLoader.imageCache
             imageForUrl:imageSource.request.URL.absoluteString
                    size:imageSource.size
@@ -394,6 +402,7 @@ RNS_IGNORE_SUPER_CALL_END
              resizeMode:imageView.resizeMode];
 #endif // RCT_NEW_ARCH_ENABLED
       }
+#endif // !NDEBUG
       if (image == nil) {
         // This will be triggered if the image is not in the cache yet. What we do is we wait until
         // the end of transition and run header config updates again. We could potentially wait for
@@ -410,7 +419,7 @@ RNS_IGNORE_SUPER_CALL_END
 #if !TARGET_OS_TV
                 vc.navigationItem.hidesBackButton = YES;
 #endif
-                [config updateViewControllerIfNeeded];
+                [self updateViewControllerIfNeeded];
               }];
         }
         return [UIImage new];
@@ -442,8 +451,16 @@ RNS_IGNORE_SUPER_CALL_END
   UINavigationBarAppearance *appearance = [UINavigationBarAppearance new];
 
   if (config.backgroundColor && CGColorGetAlpha(config.backgroundColor.CGColor) == 0.) {
+    // Preserve the shadow properties in case the user wants to show the shadow on scroll.
+    UIColor *shadowColor = appearance.shadowColor;
+    UIImage *shadowImage = appearance.shadowImage;
     // transparent background color
     [appearance configureWithTransparentBackground];
+      
+    if (!config.hideShadow) {
+      appearance.shadowColor = shadowColor;
+      appearance.shadowImage = shadowImage;
+    }
   } else {
     [appearance configureWithOpaqueBackground];
   }
@@ -520,7 +537,7 @@ RNS_IGNORE_SUPER_CALL_END
     appearance.largeTitleTextAttributes = largeAttrs;
   }
 
-  UIImage *backButtonImage = [self loadBackButtonImageInViewController:vc withConfig:config];
+  UIImage *backButtonImage = [config loadBackButtonImageInViewController:vc];
   if (backButtonImage) {
     [appearance setBackIndicatorImage:backButtonImage transitionMaskImage:backButtonImage];
   } else if (appearance.backIndicatorImage) {
@@ -671,7 +688,15 @@ RNS_IGNORE_SUPER_CALL_END
     UINavigationBarAppearance *scrollEdgeAppearance =
         [[UINavigationBarAppearance alloc] initWithBarAppearance:appearance];
     if (config.largeTitleBackgroundColor != nil) {
-      scrollEdgeAppearance.backgroundColor = config.largeTitleBackgroundColor;
+      // Add support for using a fully transparent bar when the backgroundColor is set to transparent. 
+      if (CGColorGetAlpha(config.largeTitleBackgroundColor.CGColor) == 0.) {
+      // This will also remove the background blur effect in the large title which is otherwise inherited from the standard appearance.
+        [scrollEdgeAppearance configureWithTransparentBackground];
+        // This must be set to nil otherwise a default view will be added to the navigation bar background with an opaque background.
+        scrollEdgeAppearance.backgroundColor = nil;
+      } else {
+        scrollEdgeAppearance.backgroundColor = config.largeTitleBackgroundColor;
+      }
     }
     if (config.largeTitleHideShadow) {
       scrollEdgeAppearance.shadowColor = nil;
@@ -683,7 +708,7 @@ RNS_IGNORE_SUPER_CALL_END
 #if !TARGET_OS_TV
     // updating backIndicatotImage does not work when called during transition. On iOS pre 13 we need
     // to update it before the navigation starts.
-    UIImage *backButtonImage = [self loadBackButtonImageInViewController:vc withConfig:config];
+    UIImage *backButtonImage = [config loadBackButtonImageInViewController:vc];
     if (backButtonImage) {
       navctr.navigationBar.backIndicatorImage = backButtonImage;
       navctr.navigationBar.backIndicatorTransitionMaskImage = backButtonImage;
@@ -847,27 +872,29 @@ RNS_IGNORE_SUPER_CALL_BEGIN
 
 - (void)replaceNavigationBarViewsWithSnapshotOfSubview:(RNSScreenStackHeaderSubview *)childComponentView
 {
-  UINavigationItem *navitem = _screenView.controller.navigationItem;
-  UIView *snapshot = [childComponentView snapshotViewAfterScreenUpdates:NO];
-
-  // This code should be kept in sync with analogous switch statement in
-  // `+ [RNSScreenStackHeaderConfig updateViewController: withConfig: animated:]` method.
-  switch (childComponentView.type) {
-    case RNSScreenStackHeaderSubviewTypeLeft:
-      navitem.leftBarButtonItem.customView = snapshot;
-      break;
-    case RNSScreenStackHeaderSubviewTypeCenter:
-    case RNSScreenStackHeaderSubviewTypeTitle:
-      navitem.titleView = snapshot;
-      break;
-    case RNSScreenStackHeaderSubviewTypeRight:
-      navitem.rightBarButtonItem.customView = snapshot;
-      break;
-    case RNSScreenStackHeaderSubviewTypeSearchBar:
-    case RNSScreenStackHeaderSubviewTypeBackButton:
-      break;
-    default:
-      RCTLogError(@"[RNScreens] Unhandled subview type: %ld", childComponentView.type);
+  if (childComponentView.window != nil) {
+    UINavigationItem *navitem = _screenView.controller.navigationItem;
+    UIView *snapshot = [childComponentView snapshotViewAfterScreenUpdates:NO];
+
+    // This code should be kept in sync with analogous switch statement in
+    // `+ [RNSScreenStackHeaderConfig updateViewController: withConfig: animated:]` method.
+    switch (childComponentView.type) {
+      case RNSScreenStackHeaderSubviewTypeLeft:
+        navitem.leftBarButtonItem.customView = snapshot;
+        break;
+      case RNSScreenStackHeaderSubviewTypeCenter:
+      case RNSScreenStackHeaderSubviewTypeTitle:
+        navitem.titleView = snapshot;
+        break;
+      case RNSScreenStackHeaderSubviewTypeRight:
+        navitem.rightBarButtonItem.customView = snapshot;
+        break;
+      case RNSScreenStackHeaderSubviewTypeSearchBar:
+      case RNSScreenStackHeaderSubviewTypeBackButton:
+        break;
+      default:
+        RCTLogError(@"[RNScreens] Unhandled subview type: %ld", childComponentView.type);
+    }
   }
 }
 
@@ -965,7 +992,7 @@ static RCTResizeMode resizeModeFromCppEquiv(react::ImageResizeMode resizeMode)
   _largeTitleFontSize = [self getFontSizePropValue:newScreenProps.largeTitleFontSize];
   _largeTitleHideShadow = newScreenProps.largeTitleHideShadow;
   _largeTitleBackgroundColor = RCTUIColorFromSharedColor(newScreenProps.largeTitleBackgroundColor);
-  
+
   _backTitle = RCTNSStringFromStringNilIfEmpty(newScreenProps.backTitle);
   if (newScreenProps.backTitleFontFamily != oldScreenProps.backTitleFontFamily) {
     _backTitleFontFamily = RCTNSStringFromStringNilIfEmpty(newScreenProps.backTitleFontFamily);
@@ -1009,6 +1036,11 @@ static RCTResizeMode resizeModeFromCppEquiv(react::ImageResizeMode resizeMode)
            oldState:(const facebook::react::State::Shared &)oldState
 {
   _state = std::static_pointer_cast<const react::RNSScreenStackHeaderConfigShadowNode::ConcreteState>(state);
+#ifndef NDEBUG
+  if (auto imgLoaderPtr = _state.get()->getData().getImageLoader().lock()) {
+    imageLoader = react::unwrapManagedObject(imgLoaderPtr);
+  }
+#endif // !NDEBUG
 }
 
 #else

package/ios/RNSScreenStackHeaderSubview.h

@@ -20,13 +20,6 @@ NS_ASSUME_NONNULL_BEGIN
 
 @property (nonatomic, weak) UIView *reactSuperview;
 
-@property (nonatomic, weak) RCTBridge *bridge;
-
-#ifdef RCT_NEW_ARCH_ENABLED
-#else
-- (instancetype)initWithBridge:(RCTBridge *)bridge;
-#endif // RCT_NEW_ARCH_ENABLED
-
 @end
 
 @interface RNSScreenStackHeaderSubviewManager : RCTViewManager

package/ios/RNSScreenStackHeaderSubview.mm

@@ -18,10 +18,6 @@
 namespace react = facebook::react;
 #endif // RCT_NEW_ARCH_ENABLED
 
-@interface RCTBridge (Private)
-+ (RCTBridge *)currentBridge;
-@end
-
 @implementation RNSScreenStackHeaderSubview
 
 #pragma mark - Common
@@ -115,17 +111,9 @@ RNS_IGNORE_SUPER_CALL_BEGIN
   return NO;
 }
 
-#else
+#else // RCT_NEW_ARCH_ENABLED
 #pragma mark - Paper specific
 
-- (instancetype)initWithBridge:(RCTBridge *)bridge
-{
-  if (self = [super init]) {
-    _bridge = bridge;
-  }
-  return self;
-}
-
 - (void)reactSetFrame:(CGRect)frame
 {
   // Block any attempt to set coordinates on RNSScreenStackHeaderSubview. This
@@ -133,18 +121,8 @@ RNS_IGNORE_SUPER_CALL_BEGIN
   [super reactSetFrame:CGRectMake(0, 0, frame.size.width, frame.size.height)];
   [self layoutNavigationBarIfNeeded];
 }
-
 #endif // RCT_NEW_ARCH_ENABLED
 
-- (RCTBridge *)bridge
-{
-#ifdef RCT_NEW_ARCH_ENABLED
-  return [RCTBridge currentBridge];
-#else
-  return _bridge;
-#endif // RCT_NEW_ARCH_ENABLED
-}
-
 @end
 
 @implementation RNSScreenStackHeaderSubviewManager
@@ -157,7 +135,7 @@ RCT_EXPORT_VIEW_PROPERTY(type, RNSScreenStackHeaderSubviewType)
 #else
 - (UIView *)view
 {
-  return [[RNSScreenStackHeaderSubview alloc] initWithBridge:self.bridge];
+  return [RNSScreenStackHeaderSubview new];
 }
 #endif
 

package/ios/events/RNSHeaderHeightChangeEvent.h

@@ -1,4 +1,3 @@
-#import <React/RCTBridge+Private.h>
 #import <React/RCTEventDispatcherProtocol.h>
 
 @interface RNSHeaderHeightChangeEvent : NSObject <RCTEvent>

package/ios/events/RNSScreenViewEvent.h

@@ -1,4 +1,3 @@
-#import <React/RCTBridge+Private.h>
 #import <React/RCTEventDispatcherProtocol.h>
 
 @interface RNSScreenViewEvent : NSObject <RCTEvent>

package/lib/commonjs/components/ScreenFooter.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.FooterComponent = FooterComponent;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ScreenFooterNativeComponent = _interopRequireDefault(require("../fabric/ScreenFooterNativeComponent"));
@@ -13,5 +14,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function ScreenFooter(props) {
   return /*#__PURE__*/_react.default.createElement(_ScreenFooterNativeComponent.default, props);
 }
+function FooterComponent(_ref) {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(ScreenFooter, {
+    collapsable: false
+  }, children);
+}
 var _default = exports.default = ScreenFooter;
 //# sourceMappingURL=ScreenFooter.js.map

package/lib/commonjs/components/ScreenFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ScreenFooterNativeComponent","obj","__esModule","default","ScreenFooter","props","createElement","_default","exports"],"sourceRoot":"../../../src","sources":["components/ScreenFooter.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,4BAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAgF,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhF;AACA;AACA;AACA,SAASG,YAAYA,CAACC,KAAgB,EAAE;EACtC,oBAAOR,MAAA,CAAAM,OAAA,CAAAG,aAAA,CAACN,4BAAA,CAAAG,OAA2B,EAAKE,KAAQ,CAAC;AACnD;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEcC,YAAY"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ScreenFooterNativeComponent","obj","__esModule","default","ScreenFooter","props","createElement","FooterComponent","_ref","children","collapsable","_default","exports"],"sourceRoot":"../../../src","sources":["components/ScreenFooter.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,4BAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAgF,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhF;AACA;AACA;AACA,SAASG,YAAYA,CAACC,KAAgB,EAAE;EACtC,oBAAOR,MAAA,CAAAM,OAAA,CAAAG,aAAA,CAACN,4BAAA,CAAAG,OAA2B,EAAKE,KAAQ,CAAC;AACnD;AAMO,SAASE,eAAeA,CAAAC,IAAA,EAA4B;EAAA,IAA3B;IAAEC;EAAsB,CAAC,GAAAD,IAAA;EACvD,oBAAOX,MAAA,CAAAM,OAAA,CAAAG,aAAA,CAACF,YAAY;IAACM,WAAW,EAAE;EAAM,GAAED,QAAuB,CAAC;AACpE;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAEcC,YAAY"}

package/lib/commonjs/components/ScreenStackItem.js

@@ -12,6 +12,7 @@ var _ScreenStackHeaderConfig = require("./ScreenStackHeaderConfig");
 var _Screen = _interopRequireDefault(require("./Screen"));
 var _ScreenStack = _interopRequireDefault(require("./ScreenStack"));
 var _contexts = require("../contexts");
+var _ScreenFooter = require("./ScreenFooter");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -25,6 +26,8 @@ function ScreenStackItem(_ref, ref) {
     contentStyle,
     style,
     screenId,
+    // eslint-disable-next-line camelcase
+    unstable_sheetFooter,
     ...rest
   } = _ref;
   const currentScreenRef = React.useRef(null);
@@ -39,7 +42,7 @@ function ScreenStackItem(_ref, ref) {
   const content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_DebugContainer.default, {
     style: [stackPresentation === 'formSheet' ? _reactNative.Platform.OS === 'ios' ? styles.absolute : null : styles.container, contentStyle],
     stackPresentation: stackPresentation ?? 'push'
-  }, children), /*#__PURE__*/React.createElement(_ScreenStackHeaderConfig.ScreenStackHeaderConfig, headerConfig));
+  }, children), /*#__PURE__*/React.createElement(_ScreenStackHeaderConfig.ScreenStackHeaderConfig, headerConfig), stackPresentation === 'formSheet' && unstable_sheetFooter && /*#__PURE__*/React.createElement(_ScreenFooter.FooterComponent, null, unstable_sheetFooter()));
 
   // We take backgroundColor from contentStyle and apply it on Screen.
   // This allows to workaround one issue with truncated

package/lib/commonjs/components/ScreenStackItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_warnOnce","_interopRequireDefault","_DebugContainer","_ScreenStackHeaderConfig","_Screen","_ScreenStack","_contexts","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","ScreenStackItem","_ref","ref","children","headerConfig","activityState","stackPresentation","contentStyle","style","screenId","rest","currentScreenRef","useRef","screenRefs","useContext","RNSScreensRefContext","useImperativeHandle","current","isHeaderInModal","Platform","OS","hidden","headerHiddenPreviousRef","useEffect","warnOnce","content","createElement","Fragment","styles","absolute","container","ScreenStackHeaderConfig","internalScreenStyle","flattenContentStyles","StyleSheet","flatten","backgroundColor","node","console","warn","currentRefs","enabled","isNativeStack","hasLargeHeader","largeTitle","absoluteFill","_default","exports","forwardRef","create","flex","position","top","start","end"],"sourceRoot":"../../../src","sources":["components/ScreenStackItem.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_warnOnce","_interopRequireDefault","_DebugContainer","_ScreenStackHeaderConfig","_Screen","_ScreenStack","_contexts","_ScreenFooter","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","ScreenStackItem","_ref","ref","children","headerConfig","activityState","stackPresentation","contentStyle","style","screenId","unstable_sheetFooter","rest","currentScreenRef","useRef","screenRefs","useContext","RNSScreensRefContext","useImperativeHandle","current","isHeaderInModal","Platform","OS","hidden","headerHiddenPreviousRef","useEffect","warnOnce","content","createElement","Fragment","styles","absolute","container","ScreenStackHeaderConfig","FooterComponent","internalScreenStyle","flattenContentStyles","StyleSheet","flatten","backgroundColor","node","console","warn","currentRefs","enabled","isNativeStack","hasLargeHeader","largeTitle","absoluteFill","_default","exports","forwardRef","create","flex","position","top","start","end"],"sourceRoot":"../../../src","sources":["components/ScreenStackItem.tsx"],"mappings":"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"}

package/lib/module/components/ScreenFooter.js

@@ -7,5 +7,13 @@ import ScreenFooterNativeComponent from '../fabric/ScreenFooterNativeComponent';
 function ScreenFooter(props) {
   return /*#__PURE__*/React.createElement(ScreenFooterNativeComponent, props);
 }
+export function FooterComponent(_ref) {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement(ScreenFooter, {
+    collapsable: false
+  }, children);
+}
 export default ScreenFooter;
 //# sourceMappingURL=ScreenFooter.js.map

package/lib/module/components/ScreenFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ScreenFooterNativeComponent","ScreenFooter","props","createElement"],"sourceRoot":"../../../src","sources":["components/ScreenFooter.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,2BAA2B,MAAM,uCAAuC;;AAE/E;AACA;AACA;AACA,SAASC,YAAYA,CAACC,KAAgB,EAAE;EACtC,oBAAOH,KAAA,CAAAI,aAAA,CAACH,2BAA2B,EAAKE,KAAQ,CAAC;AACnD;AAEA,eAAeD,YAAY"}
+{"version":3,"names":["React","ScreenFooterNativeComponent","ScreenFooter","props","createElement","FooterComponent","_ref","children","collapsable"],"sourceRoot":"../../../src","sources":["components/ScreenFooter.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,2BAA2B,MAAM,uCAAuC;;AAE/E;AACA;AACA;AACA,SAASC,YAAYA,CAACC,KAAgB,EAAE;EACtC,oBAAOH,KAAA,CAAAI,aAAA,CAACH,2BAA2B,EAAKE,KAAQ,CAAC;AACnD;AAMA,OAAO,SAASE,eAAeA,CAAAC,IAAA,EAA4B;EAAA,IAA3B;IAAEC;EAAsB,CAAC,GAAAD,IAAA;EACvD,oBAAON,KAAA,CAAAI,aAAA,CAACF,YAAY;IAACM,WAAW,EAAE;EAAM,GAAED,QAAuB,CAAC;AACpE;AAEA,eAAeL,YAAY"}

package/lib/module/components/ScreenStackItem.js

@@ -7,6 +7,7 @@ import { ScreenStackHeaderConfig } from './ScreenStackHeaderConfig';
 import Screen from './Screen';
 import ScreenStack from './ScreenStack';
 import { RNSScreensRefContext } from '../contexts';
+import { FooterComponent } from './ScreenFooter';
 function ScreenStackItem(_ref, ref) {
   let {
     children,
@@ -16,6 +17,8 @@ function ScreenStackItem(_ref, ref) {
     contentStyle,
     style,
     screenId,
+    // eslint-disable-next-line camelcase
+    unstable_sheetFooter,
     ...rest
   } = _ref;
   const currentScreenRef = React.useRef(null);
@@ -30,7 +33,7 @@ function ScreenStackItem(_ref, ref) {
   const content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DebugContainer, {
     style: [stackPresentation === 'formSheet' ? Platform.OS === 'ios' ? styles.absolute : null : styles.container, contentStyle],
     stackPresentation: stackPresentation ?? 'push'
-  }, children), /*#__PURE__*/React.createElement(ScreenStackHeaderConfig, headerConfig));
+  }, children), /*#__PURE__*/React.createElement(ScreenStackHeaderConfig, headerConfig), stackPresentation === 'formSheet' && unstable_sheetFooter && /*#__PURE__*/React.createElement(FooterComponent, null, unstable_sheetFooter()));
 
   // We take backgroundColor from contentStyle and apply it on Screen.
   // This allows to workaround one issue with truncated

package/lib/module/components/ScreenStackItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","StyleSheet","warnOnce","DebugContainer","ScreenStackHeaderConfig","Screen","ScreenStack","RNSScreensRefContext","ScreenStackItem","_ref","ref","children","headerConfig","activityState","stackPresentation","contentStyle","style","screenId","rest","currentScreenRef","useRef","screenRefs","useContext","useImperativeHandle","current","isHeaderInModal","OS","hidden","headerHiddenPreviousRef","useEffect","content","createElement","Fragment","styles","absolute","container","internalScreenStyle","flattenContentStyles","flatten","backgroundColor","_extends","node","console","warn","currentRefs","enabled","isNativeStack","hasLargeHeader","largeTitle","absoluteFill","forwardRef","create","flex","position","top","start","end"],"sourceRoot":"../../../src","sources":["components/ScreenStackItem.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Platform","StyleSheet","warnOnce","DebugContainer","ScreenStackHeaderConfig","Screen","ScreenStack","RNSScreensRefContext","FooterComponent","ScreenStackItem","_ref","ref","children","headerConfig","activityState","stackPresentation","contentStyle","style","screenId","unstable_sheetFooter","rest","currentScreenRef","useRef","screenRefs","useContext","useImperativeHandle","current","isHeaderInModal","OS","hidden","headerHiddenPreviousRef","useEffect","content","createElement","Fragment","styles","absolute","container","internalScreenStyle","flattenContentStyles","flatten","backgroundColor","_extends","node","console","warn","currentRefs","enabled","isNativeStack","hasLargeHeader","largeTitle","absoluteFill","forwardRef","create","flex","position","top","start","end"],"sourceRoot":"../../../src","sources":["components/ScreenStackItem.tsx"],"mappings":"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"}

package/lib/typescript/components/ScreenFooter.d.ts

@@ -4,5 +4,9 @@ import { ViewProps } from 'react-native';
  * Unstable API
  */
 declare function ScreenFooter(props: ViewProps): React.JSX.Element;
+type FooterProps = {
+    children?: React.ReactNode;
+};
+export declare function FooterComponent({ children }: FooterProps): React.JSX.Element;
 export default ScreenFooter;
 //# sourceMappingURL=ScreenFooter.d.ts.map

package/lib/typescript/components/ScreenFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenFooter.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC;;GAEG;AACH,iBAAS,YAAY,CAAC,KAAK,EAAE,SAAS,qBAErC;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ScreenFooter.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC;;GAEG;AACH,iBAAS,YAAY,CAAC,KAAK,EAAE,SAAS,qBAErC;AAED,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,qBAExD;AAED,eAAe,YAAY,CAAC"}

package/lib/typescript/components/ScreenStackItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenStackItem.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenStackItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,SAAS,EACd,IAAI,EACL,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,WAAW,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AAMrE,KAAK,KAAK,GAAG,IAAI,CACf,WAAW,EACX,SAAS,GAAG,eAAe,GAAG,gBAAgB,CAC/C,GAAG;IACF,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,4BAA4B,CAAC;IAC5C,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC,CAAC;;AA6HF,wBAAiD"}
+{"version":3,"file":"ScreenStackItem.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenStackItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,SAAS,EACd,IAAI,EACL,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,WAAW,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AAOrE,KAAK,KAAK,GAAG,IAAI,CACf,WAAW,EACX,SAAS,GAAG,eAAe,GAAG,gBAAgB,CAC/C,GAAG;IACF,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,4BAA4B,CAAC;IAC5C,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC,CAAC;;AAmIF,wBAAiD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-screens",
-  "version": "4.1.0",
+  "version": "4.3.0",
   "description": "Native navigation primitives for your React Native app.",
   "scripts": {
     "submodules": "git submodule update --init --recursive && (cd react-navigation && yarn)",

package/src/components/ScreenFooter.tsx

@@ -9,4 +9,12 @@ function ScreenFooter(props: ViewProps) {
   return <ScreenFooterNativeComponent {...props} />;
 }
 
+type FooterProps = {
+  children?: React.ReactNode;
+};
+
+export function FooterComponent({ children }: FooterProps) {
+  return <ScreenFooter collapsable={false}>{children}</ScreenFooter>;
+}
+
 export default ScreenFooter;

package/src/components/ScreenStackItem.tsx

@@ -14,6 +14,7 @@ import { ScreenStackHeaderConfig } from './ScreenStackHeaderConfig';
 import Screen from './Screen';
 import ScreenStack from './ScreenStack';
 import { RNSScreensRefContext } from '../contexts';
+import { FooterComponent } from './ScreenFooter';
 
 type Props = Omit<
   ScreenProps,
@@ -33,6 +34,8 @@ function ScreenStackItem(
     contentStyle,
     style,
     screenId,
+    // eslint-disable-next-line camelcase
+    unstable_sheetFooter,
     ...rest
   }: Props,
   ref: React.ForwardedRef<View>,
@@ -86,6 +89,10 @@ function ScreenStackItem(
        * for detailed explanation.
        */}
       <ScreenStackHeaderConfig {...headerConfig} />
+      {/* eslint-disable-next-line camelcase */}
+      {stackPresentation === 'formSheet' && unstable_sheetFooter && (
+        <FooterComponent>{unstable_sheetFooter()}</FooterComponent>
+      )}
     </>
   );