react-native-screens 4.0.0-beta.0 → 4.0.0-beta.10

package/ios/RNSScreenStackHeaderConfig.mm

@@ -8,6 +8,7 @@
 #import <react/renderer/components/rnscreens/EventEmitters.h>
 #import <react/renderer/components/rnscreens/Props.h>
 #import <react/renderer/components/rnscreens/RCTComponentViewHelpers.h>
+#import <rnscreens/RNSScreenStackHeaderConfigComponentDescriptor.h>
 #import "RCTImageComponentView+RNSScreenStackHeaderConfig.h"
 #else
 #import <React/RCTImageView.h>
@@ -55,13 +56,23 @@ namespace react = facebook::react;
 
 @implementation RNSScreenStackHeaderConfig {
   NSMutableArray<RNSScreenStackHeaderSubview *> *_reactSubviews;
+  NSDirectionalEdgeInsets _lastHeaderInsets;
 #ifdef RCT_NEW_ARCH_ENABLED
   BOOL _initialPropsSet;
+  react::RNSScreenStackHeaderConfigShadowNode::ConcreteState::Shared _state;
 #else
+  __weak RCTBridge *_bridge;
 #endif
 }
 
 #ifdef RCT_NEW_ARCH_ENABLED
+
+// Needed because of this: https://github.com/facebook/react-native/pull/37274
++ (void)load
+{
+  [super load];
+}
+
 - (instancetype)initWithFrame:(CGRect)frame
 {
   if (self = [super initWithFrame:frame]) {
@@ -82,6 +93,16 @@ namespace react = facebook::react;
   }
   return self;
 }
+
+- (instancetype)initWithBridge:(RCTBridge *)bridge
+{
+  if (self = [super init]) {
+    _bridge = bridge;
+    _translucent = YES;
+    [self initProps];
+  }
+  return self;
+}
 #endif
 
 - (void)initProps
@@ -164,6 +185,51 @@ namespace react = facebook::react;
   [navctr.view setNeedsLayout];
 }
 
+- (void)updateHeaderInsetsInShadowTreeTo:(NSDirectionalEdgeInsets)insets
+{
+  if (_lastHeaderInsets.leading != insets.leading || _lastHeaderInsets.trailing != insets.trailing) {
+#ifdef RCT_NEW_ARCH_ENABLED
+    auto newState = react::RNSScreenStackHeaderConfigState{insets.leading, insets.trailing};
+    _state->updateState(std::move(newState));
+    _lastHeaderInsets = std::move(insets);
+#else
+    [_bridge.uiManager setLocalData:[[RNSHeaderConfigInsetsPayload alloc] initWithInsets:insets] forView:self];
+    _lastHeaderInsets = std::move(insets);
+#endif // RCT_NEW_ARCH_ENABLED
+  }
+}
+
+- (BOOL)hasSubviewOfType:(RNSScreenStackHeaderSubviewType)type
+{
+  for (RNSScreenStackHeaderSubview *subview in _reactSubviews) {
+    if (subview.type == type) {
+      return YES;
+    }
+  }
+
+  return NO;
+}
+
+- (BOOL)hasSubviewLeft
+{
+  return [self hasSubviewOfType:RNSScreenStackHeaderSubviewTypeLeft];
+}
+
+- (BOOL)shouldHeaderBeVisible
+{
+#ifdef RCT_NEW_ARCH_ENABLED
+  return self.show;
+#else
+  return !self.hide;
+#endif // RCT_NEW_ARCH_ENABLED
+}
+
+- (BOOL)shouldBackButtonBeVisibleInNavigationBar:(nullable UINavigationBar *)navBar
+{
+  return navBar.backItem != nil && !self.hideBackButton &&
+      !(self.backButtonInCustomView == false && self.hasSubviewLeft);
+}
+
 + (void)setAnimatedConfig:(UIViewController *)vc withConfig:(RNSScreenStackHeaderConfig *)config
 {
   UINavigationBar *navbar = ((UINavigationController *)vc.parentViewController).navigationBar;
@@ -464,16 +530,20 @@ namespace react = facebook::react;
   UINavigationItem *navitem = vc.navigationItem;
   UINavigationController *navctr = (UINavigationController *)vc.parentViewController;
 
+  // When modal is shown the underlying RNSScreen isn't attached to any navigation controller.
+  // During the modal dismissal transition this update method is called on this RNSScreen resulting in nil navctr.
+  // After the transition is completed it will be called again and will configure the navigation controller correctly.
+  // Also see: https://github.com/software-mansion/react-native-screens/pull/2336
+  if (navctr == nil) {
+    return;
+  }
+
   NSUInteger currentIndex = [navctr.viewControllers indexOfObject:vc];
   UINavigationItem *prevItem =
       currentIndex > 0 ? [navctr.viewControllers objectAtIndex:currentIndex - 1].navigationItem : nil;
 
   BOOL wasHidden = navctr.navigationBarHidden;
-#ifdef RCT_NEW_ARCH_ENABLED
-  BOOL shouldHide = config == nil || !config.show;
-#else
-  BOOL shouldHide = config == nil || config.hide;
-#endif
+  BOOL shouldHide = config == nil || !config.shouldHeaderBeVisible;
 
   if (!shouldHide && !config.translucent) {
     // when nav bar is not translucent we chage edgesForExtendedLayout to avoid system laying out
@@ -826,6 +896,7 @@ static RCTResizeMode resizeModeFromCppEquiv(react::ImageResizeMode resizeMode)
 {
   [super prepareForRecycle];
   _initialPropsSet = NO;
+  _lastHeaderInsets = NSDirectionalEdgeInsets{};
 }
 
 - (NSNumber *)getFontSizePropValue:(int)value
@@ -916,6 +987,12 @@ static RCTResizeMode resizeModeFromCppEquiv(react::ImageResizeMode resizeMode)
   [super updateProps:props oldProps:oldProps];
 }
 
+- (void)updateState:(const facebook::react::State::Shared &)state
+           oldState:(const facebook::react::State::Shared &)oldState
+{
+  _state = std::static_pointer_cast<const react::RNSScreenStackHeaderConfigShadowNode::ConcreteState>(state);
+}
+
 #else
 #pragma mark - Paper specific
 
@@ -954,11 +1031,21 @@ Class<RCTComponentViewProtocol> RNSScreenStackHeaderConfigCls(void)
 
 RCT_EXPORT_MODULE()
 
+#ifdef RCT_NEW_ARCH_ENABLED
+#else
+
 - (UIView *)view
 {
-  return [RNSScreenStackHeaderConfig new];
+  return [[RNSScreenStackHeaderConfig alloc] initWithBridge:self.bridge];
 }
 
+- (RCTShadowView *)shadowView
+{
+  return [RNSScreenStackHeaderConfigShadowView new];
+}
+
+#endif // RCT_NEW_ARCH_ENABLED
+
 RCT_EXPORT_VIEW_PROPERTY(title, NSString)
 RCT_EXPORT_VIEW_PROPERTY(titleFontFamily, NSString)
 RCT_EXPORT_VIEW_PROPERTY(titleFontSize, NSNumber)
@@ -989,6 +1076,46 @@ RCT_EXPORT_VIEW_PROPERTY(translucent, BOOL)
 
 @end
 
+#ifdef RCT_NEW_ARCH_ENABLED
+#else
+
+@implementation RNSHeaderConfigInsetsPayload
+
+- (instancetype)init
+{
+  return [self initWithInsets:NSDirectionalEdgeInsets{}];
+}
+
+- (instancetype)initWithInsets:(NSDirectionalEdgeInsets)insets
+{
+  if (self = [super init]) {
+    self.insets = insets;
+  }
+  return self;
+}
+
+@end
+
+@implementation RNSScreenStackHeaderConfigShadowView {
+}
+
+- (void)setLocalData:(NSObject *)localData
+{
+  if ([localData isKindOfClass:RNSHeaderConfigInsetsPayload.class]) {
+    RNSHeaderConfigInsetsPayload *payload = (RNSHeaderConfigInsetsPayload *)localData;
+    [self setPaddingStart:YGValue{.value = (float)payload.insets.leading, .unit = YGUnitPoint}];
+    [self setPaddingEnd:YGValue{.value = (float)payload.insets.trailing, .unit = YGUnitPoint}];
+
+    // Trigger layout prop recomputation
+    [self didSetProps:@[]];
+  } else {
+    [super setLocalData:localData];
+  }
+}
+
+@end
+#endif
+
 @implementation RCTConvert (RNSScreenStackHeader)
 
 + (NSMutableDictionary *)blurEffectsForIOSVersion

package/ios/RNSScreenStackHeaderSubview.mm

@@ -1,5 +1,6 @@
 #import "RNSScreenStackHeaderSubview.h"
 #import "RNSConvert.h"
+#import "RNSScreenStackHeaderConfig.h"
 
 #ifdef RCT_NEW_ARCH_ENABLED
 #import <react/renderer/components/rnscreens/ComponentDescriptors.h>
@@ -8,6 +9,8 @@
 
 #import <React/RCTConversions.h>
 #import <React/RCTFabricComponentsPlugins.h>
+
+#import <rnscreens/RNSScreenStackHeaderSubviewComponentDescriptor.h>
 #endif // RCT_NEW_ARCH_ENABLED
 
 #ifdef RCT_NEW_ARCH_ENABLED
@@ -22,10 +25,37 @@ namespace react = facebook::react;
 
 #pragma mark - Common
 
+- (nullable RNSScreenStackHeaderConfig *)getHeaderConfig
+{
+  RNSScreenStackHeaderConfig *headerConfig = (RNSScreenStackHeaderConfig *_Nullable)self.reactSuperview;
+#ifndef NDEBUG
+  if (headerConfig != nil && ![headerConfig isKindOfClass:[RNSScreenStackHeaderConfig class]]) {
+    RCTLogError(@"[RNScreens] Invalid view type, expecting RNSScreenStackHeaderConfig, got: %@", headerConfig);
+    return nil;
+  }
+#endif
+  return headerConfig;
+}
+
+// We're forcing the navigation controller's view to re-layout
+// see: https://github.com/software-mansion/react-native-screens/pull/2385
+- (void)layoutNavigationBarIfNeeded
+{
+  RNSScreenStackHeaderConfig *headerConfig = [self getHeaderConfig];
+  UINavigationController *navctr = headerConfig.screenView.reactViewController.navigationController;
+  [navctr.navigationBar layoutIfNeeded];
+}
+
 #ifdef RCT_NEW_ARCH_ENABLED
 
 #pragma mark - Fabric specific
 
+// Needed because of this: https://github.com/facebook/react-native/pull/37274
++ (void)load
+{
+  [super load];
+}
+
 - (instancetype)initWithFrame:(CGRect)frame
 {
   if (self = [super initWithFrame:frame]) {
@@ -72,9 +102,7 @@ namespace react = facebook::react;
         self);
   } else {
     self.bounds = CGRect{CGPointZero, frame.size};
-    // We're forcing the parent view to layout this subview with correct frame size,
-    // see: https://github.com/software-mansion/react-native-screens/pull/2248
-    [self.superview layoutIfNeeded];
+    [self layoutNavigationBarIfNeeded];
   }
 }
 
@@ -99,6 +127,7 @@ namespace react = facebook::react;
   // Block any attempt to set coordinates on RNSScreenStackHeaderSubview. This
   // makes UINavigationBar the only one to control the position of header content.
   [super reactSetFrame:CGRectMake(0, 0, frame.size.width, frame.size.height)];
+  [self layoutNavigationBarIfNeeded];
 }
 
 #endif // RCT_NEW_ARCH_ENABLED

package/ios/RNSSearchBar.mm

@@ -37,6 +37,13 @@ namespace react = facebook::react;
 }
 
 #ifdef RCT_NEW_ARCH_ENABLED
+
+// Needed because of this: https://github.com/facebook/react-native/pull/37274
++ (void)load
+{
+  [super load];
+}
+
 - (instancetype)init
 {
   if (self = [super init]) {

package/ios/utils/UINavigationBar+RNSUtility.h

@@ -0,0 +1,37 @@
+#import <UIKit/UIKit.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface UINavigationBar (RNSUtility)
+
+/**
+ * Aims to find main content view of the `UINavigationBar`.
+ *
+ * This method relies on internal iOS implementation details (see the implementation)
+ * and might need patches specific to future iOS versions, in case the view hierarchy inside
+ * the navigation bar changes.
+ *
+ * Tested to work reliably on iOS 18.0, 17.5, 15.5.
+ *
+ * @returns `_UINavigationBarContentView` view mounted directly under the navigation bar itself
+ */
+- (nullable UIView *)rnscreens_findContentView;
+
+/**
+ * Aims to find the back button wrapper view of the `UINavigationBar`. This is the view that contains
+ * the back button itself alongside all the margin / padding used to position the back button by the system.
+ *
+ * This method relies on internal iOS implementation details (see the implementation)
+ * and might need patches specific to future iOS versions, in case the view hierarchy inside
+ * the navigation bar changes.
+ *
+ * Tested to work reliably on iOS 18.0, 17.5, 15.5.
+ *
+ * @returns `_UIButtonBarButton` view, if present and mounted in anticipated place;
+ *                      if the back button is not present, this method returns `nil`.
+ */
+- (nullable UIView *)rnscreens_findBackButtonWrapperView;
+
+@end
+
+NS_ASSUME_NONNULL_END

package/ios/utils/UINavigationBar+RNSUtility.mm

@@ -0,0 +1,44 @@
+#import "UINavigationBar+RNSUtility.h"
+
+@implementation UINavigationBar (RNSUtility)
+
+- (nullable UIView *)rnscreens_findContentView
+{
+  // Class names taken from iOS 17.5, tested on iPhone 15 Pro
+  static Class ContentViewClass = NSClassFromString(@"_UINavigationBarContentView");
+
+  // Fast path
+  if (self.subviews.count > 1 && [self.subviews[1] isKindOfClass:ContentViewClass]) {
+    return self.subviews[1];
+  }
+
+  for (UIView *subview in self.subviews) {
+    if ([subview isKindOfClass:ContentViewClass]) {
+      return subview;
+    }
+  }
+
+  return nil;
+}
+
+- (nullable UIView *)rnscreens_findBackButtonWrapperView
+{
+  // Class names taken from iOS 17.5, tested on iPhone 15 Pro
+  static Class BarButtonViewClass = NSClassFromString(@"_UIButtonBarButton");
+
+  UIView *contentView = self.rnscreens_findContentView;
+
+  if (contentView == nil) {
+    return nil;
+  }
+
+  for (UIView *subview in contentView.subviews) {
+    if ([subview isKindOfClass:BarButtonViewClass]) {
+      return subview;
+    }
+  }
+
+  return nil;
+}
+
+@end

package/ios/utils/UIView+RNSUtility.mm

@@ -35,7 +35,6 @@
   }
 
 #else
-
   // On Paper we can access touchHandler hosted by `RCTRootContentView` which should be above ScreenStack
   // in view hierarchy.
   while (parent != nil && ![parent respondsToSelector:@selector(touchHandler)]) {

package/lib/commonjs/TransitionProgressContext.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/commonjs/TransitionProgressContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_default","exports","createContext","undefined"],"sourceRoot":"../../src","sources":["TransitionProgressContext.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,IAAAY,QAAA,GAAAC,OAAA,CAAAhB,OAAA,gBAShBT,KAAK,CAAC0B,aAAa,CAChCC,SACF,CAAC"}
+{"version":3,"names":["Object","defineProperty","exports","value","default","React","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","has","get","n","__proto__","a","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_default","createContext","undefined"],"sourceRoot":"../../src","sources":["TransitionProgressContext.tsx"],"mappings":";AAAA,YAAY;;AAACA,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,OAAA;AAEb,IAAAC,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAL,OAAA,EAAAK,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAE,GAAA,CAAAL,CAAA,UAAAG,CAAA,CAAAG,GAAA,CAAAN,CAAA,OAAAO,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAlB,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAmB,wBAAA,WAAAC,CAAA,IAAAX,CAAA,oBAAAW,CAAA,IAAApB,MAAA,CAAAqB,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAW,CAAA,SAAAI,CAAA,GAAAN,CAAA,GAAAlB,MAAA,CAAAmB,wBAAA,CAAAV,CAAA,EAAAW,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAT,GAAA,IAAAS,CAAA,CAAAC,GAAA,IAAAzB,MAAA,CAAAC,cAAA,CAAAe,CAAA,EAAAI,CAAA,EAAAI,CAAA,IAAAR,CAAA,CAAAI,CAAA,IAAAX,CAAA,CAAAW,CAAA,YAAAJ,CAAA,CAAAZ,OAAA,GAAAK,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAhB,CAAA,EAAAO,CAAA,GAAAA,CAAA;AAAA,IAAAU,QAAA,GAAAxB,OAAA,CAAAE,OAAA,gBAShBC,KAAK,CAACsB,aAAa,CAChCC,SACF,CAAC"}

package/lib/commonjs/components/Screen.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -11,6 +12,7 @@ var _DelayedFreeze = _interopRequireDefault(require("./helpers/DelayedFreeze"));
 var _core = require("../core");
 var _ScreenNativeComponent = _interopRequireDefault(require("../fabric/ScreenNativeComponent"));
 var _ModalScreenNativeComponent = _interopRequireDefault(require("../fabric/ModalScreenNativeComponent"));
+var _usePrevious = require("./helpers/usePrevious");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } // Native components
 const NativeScreen = exports.NativeScreen = _ScreenNativeComponent.default;
@@ -19,9 +21,95 @@ const AnimatedNativeModalScreen = _reactNative.Animated.createAnimatedComponent(
 
 // Incomplete type, all accessible properties available at:
 // react-native/Libraries/Components/View/ReactNativeViewViewConfig.js
+// This value must be kept in sync with native side.
+const SHEET_FIT_TO_CONTENTS = [-1];
+const SHEET_COMPAT_LARGE = [1.0];
+const SHEET_COMPAT_MEDIUM = [0.5];
+const SHEET_COMPAT_ALL = [0.5, 1.0];
+const SHEET_DIMMED_ALWAYS = -1;
+// const SHEET_DIMMED_NEVER = 9999;
+
+function assertDetentsArrayIsSorted(array) {
+  for (let i = 1; i < array.length; i++) {
+    if (array[i - 1] > array[i]) {
+      throw new Error('[RNScreens] The detent array is not sorted in ascending order!');
+    }
+  }
+}
+
+// These exist to transform old 'legacy' values used by the formsheet API to the new API shape.
+// We can get rid of it, once we get rid of support for legacy values: 'large', 'medium', 'all'.
+function resolveSheetAllowedDetents(allowedDetentsCompat) {
+  if (Array.isArray(allowedDetentsCompat)) {
+    if (_reactNative.Platform.OS === 'android' && allowedDetentsCompat.length > 3) {
+      if (__DEV__) {
+        console.warn('[RNScreens] Sheets API on Android do accept only up to 3 values. Any surplus value are ignored.');
+      }
+      allowedDetentsCompat = allowedDetentsCompat.slice(0, 3);
+    }
+    if (__DEV__) {
+      assertDetentsArrayIsSorted(allowedDetentsCompat);
+    }
+    return allowedDetentsCompat;
+  } else if (allowedDetentsCompat === 'fitToContents') {
+    return SHEET_FIT_TO_CONTENTS;
+  } else if (allowedDetentsCompat === 'large') {
+    return SHEET_COMPAT_LARGE;
+  } else if (allowedDetentsCompat === 'medium') {
+    return SHEET_COMPAT_MEDIUM;
+  } else if (allowedDetentsCompat === 'all') {
+    return SHEET_COMPAT_ALL;
+  } else {
+    // Safe default, only large detent is allowed.
+    return [1.0];
+  }
+}
+function resolveSheetLargestUndimmedDetent(lud, lastDetentIndex) {
+  if (typeof lud === 'number') {
+    if (!isIndexInClosedRange(lud, SHEET_DIMMED_ALWAYS, lastDetentIndex)) {
+      if (__DEV__) {
+        throw new Error("[RNScreens] Provided value of 'sheetLargestUndimmedDetentIndex' prop is out of bounds of 'sheetAllowedDetents' array.");
+      }
+      // Return default in production
+      return SHEET_DIMMED_ALWAYS;
+    }
+    return lud;
+  } else if (lud === 'last') {
+    return lastDetentIndex;
+  } else if (lud === 'none' || lud === 'all') {
+    return SHEET_DIMMED_ALWAYS;
+  } else if (lud === 'large') {
+    return 1;
+  } else if (lud === 'medium') {
+    return 0;
+  } else {
+    // Safe default, every detent is dimmed
+    return SHEET_DIMMED_ALWAYS;
+  }
+}
+function resolveSheetInitialDetentIndex(index, lastDetentIndex) {
+  if (index === 'last') {
+    index = lastDetentIndex;
+  } else if (index == null) {
+    // Intentional check for undefined & null ^
+    index = 0;
+  }
+  if (!isIndexInClosedRange(index, 0, lastDetentIndex)) {
+    if (__DEV__) {
+      throw new Error("[RNScreens] Provided value of 'sheetInitialDetentIndex' prop is out of bounds of 'sheetAllowedDetents' array.");
+    }
+    // Return default in production
+    return 0;
+  }
+  return index;
+}
+function isIndexInClosedRange(value, lowerBound, upperBound) {
+  return Number.isInteger(value) && value >= lowerBound && value <= upperBound;
+}
 const InnerScreen = exports.InnerScreen = /*#__PURE__*/_react.default.forwardRef(function InnerScreen(props, ref) {
   const innerRef = _react.default.useRef(null);
   _react.default.useImperativeHandle(ref, () => innerRef.current, []);
+  const prevActivityState = (0, _usePrevious.usePrevious)(props.activityState);
   const setRef = ref => {
     innerRef.current = ref;
     props.onComponentRef?.(ref);
@@ -38,16 +126,21 @@ const InnerScreen = exports.InnerScreen = /*#__PURE__*/_react.default.forwardRef
   // To maintain default behavior of formSheet stack presentation style and to have reasonable
   // defaults for new medium-detent iOS API we need to set defaults here
   const {
+    // formSheet presentation related props
     sheetAllowedDetents = [1.0],
-    sheetLargestUndimmedDetent = -1,
+    sheetLargestUndimmedDetentIndex = SHEET_DIMMED_ALWAYS,
     sheetGrabberVisible = false,
     sheetCornerRadius = -1.0,
     sheetExpandsWhenScrolledToEdge = true,
     sheetElevation = 24,
-    sheetInitialDetent = 0,
+    sheetInitialDetentIndex = 0,
+    // Other
     stackPresentation
   } = rest;
   if (enabled && _core.isNativePlatformSupported) {
+    const resolvedSheetAllowedDetents = resolveSheetAllowedDetents(sheetAllowedDetents);
+    const resolvedSheetLargestUndimmedDetent = resolveSheetLargestUndimmedDetent(sheetLargestUndimmedDetentIndex, resolvedSheetAllowedDetents.length - 1);
+    const resolvedSheetInitialDetentIndex = resolveSheetInitialDetentIndex(sheetInitialDetentIndex, resolvedSheetAllowedDetents.length - 1);
     // Due to how Yoga resolves layout, we need to have different components for modal nad non-modal screens
     const AnimatedScreen = _reactNative.Platform.OS === 'android' || stackPresentation === undefined || stackPresentation === 'push' || stackPresentation === 'containedModal' || stackPresentation === 'containedTransparentModal' ? AnimatedNativeScreen : AnimatedNativeModalScreen;
     let {
@@ -60,6 +153,7 @@ const InnerScreen = exports.InnerScreen = /*#__PURE__*/_react.default.forwardRef
       isNativeStack,
       gestureResponseDistance,
       onGestureCancel,
+      style,
       ...props
     } = rest;
     if (active !== undefined && activityState === undefined) {
@@ -67,6 +161,11 @@ const InnerScreen = exports.InnerScreen = /*#__PURE__*/_react.default.forwardRef
       activityState = active !== 0 ? 2 : 0; // in the new version, we need one of the screens to have value of 2 after the transition
     }
 
+    if (isNativeStack && prevActivityState !== undefined && activityState !== undefined) {
+      if (prevActivityState > activityState) {
+        throw new Error('[RNScreens] activityState cannot be decreased in NativeStack');
+      }
+    }
     const handleRef = ref => {
       if (ref?.viewConfig?.validAttributes?.style) {
         ref.viewConfig.validAttributes.style = {
@@ -85,14 +184,21 @@ const InnerScreen = exports.InnerScreen = /*#__PURE__*/_react.default.forwardRef
     return /*#__PURE__*/_react.default.createElement(_DelayedFreeze.default, {
       freeze: freezeOnBlur && activityState === 0
     }, /*#__PURE__*/_react.default.createElement(AnimatedScreen, _extends({}, props, {
+      // Hierarchy of screens is handled on the native side and setting zIndex value causes this issue:
+      // https://github.com/software-mansion/react-native-screens/issues/2345
+      // With below change of zIndex, we force RN diffing mechanism to NOT include detaching and attaching mutation in one transaction.
+      // Detailed information can be found here https://github.com/software-mansion/react-native-screens/pull/2351
+      style: [style, {
+        zIndex: undefined
+      }],
       activityState: activityState,
-      sheetAllowedDetents: sheetAllowedDetents,
-      sheetLargestUndimmedDetent: sheetLargestUndimmedDetent,
+      sheetAllowedDetents: resolvedSheetAllowedDetents,
+      sheetLargestUndimmedDetent: resolvedSheetLargestUndimmedDetent,
       sheetElevation: sheetElevation,
       sheetGrabberVisible: sheetGrabberVisible,
       sheetCornerRadius: sheetCornerRadius,
       sheetExpandsWhenScrolledToEdge: sheetExpandsWhenScrolledToEdge,
-      sheetInitialDetent: sheetInitialDetent,
+      sheetInitialDetent: resolvedSheetInitialDetentIndex,
       gestureResponseDistance: {
         start: gestureResponseDistance?.start ?? -1,
         end: gestureResponseDistance?.end ?? -1,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_TransitionProgressContext","_DelayedFreeze","_core","_ScreenNativeComponent","_ModalScreenNativeComponent","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","NativeScreen","exports","ScreenNativeComponent","AnimatedNativeScreen","Animated","createAnimatedComponent","AnimatedNativeModalScreen","ModalScreenNativeComponent","InnerScreen","React","forwardRef","props","ref","innerRef","useRef","useImperativeHandle","current","setRef","onComponentRef","closing","Value","progress","goingForward","enabled","screensEnabled","freezeOnBlur","freezeEnabled","rest","sheetAllowedDetents","sheetLargestUndimmedDetent","sheetGrabberVisible","sheetCornerRadius","sheetExpandsWhenScrolledToEdge","sheetElevation","sheetInitialDetent","stackPresentation","isNativePlatformSupported","AnimatedScreen","Platform","OS","undefined","active","activityState","children","isNativeStack","gestureResponseDistance","onGestureCancel","console","warn","handleRef","viewConfig","validAttributes","style","display","_viewConfig","createElement","freeze","start","end","top","bottom","onTransitionProgress","event","nativeEvent","useNativeDriver","Provider","value","View","ScreenContext","createContext","Screen","ScreenWrapper","useContext","_default"],"sourceRoot":"../../../src","sources":["components/Screen.tsx"],"mappings":"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"}
+{"version":3,"names":["Object","defineProperty","exports","value","default","ScreenContext","NativeScreen","InnerScreen","_react","_interopRequireDefault","require","_reactNative","_TransitionProgressContext","_DelayedFreeze","_core","_ScreenNativeComponent","_ModalScreenNativeComponent","_usePrevious","obj","__esModule","_extends","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ScreenNativeComponent","AnimatedNativeScreen","Animated","createAnimatedComponent","AnimatedNativeModalScreen","ModalScreenNativeComponent","SHEET_FIT_TO_CONTENTS","SHEET_COMPAT_LARGE","SHEET_COMPAT_MEDIUM","SHEET_COMPAT_ALL","SHEET_DIMMED_ALWAYS","assertDetentsArrayIsSorted","array","Error","resolveSheetAllowedDetents","allowedDetentsCompat","Array","isArray","Platform","OS","__DEV__","console","warn","slice","resolveSheetLargestUndimmedDetent","lud","lastDetentIndex","isIndexInClosedRange","resolveSheetInitialDetentIndex","index","lowerBound","upperBound","Number","isInteger","React","forwardRef","props","ref","innerRef","useRef","useImperativeHandle","current","prevActivityState","usePrevious","activityState","setRef","onComponentRef","closing","Value","progress","goingForward","enabled","screensEnabled","freezeOnBlur","freezeEnabled","rest","sheetAllowedDetents","sheetLargestUndimmedDetentIndex","sheetGrabberVisible","sheetCornerRadius","sheetExpandsWhenScrolledToEdge","sheetElevation","sheetInitialDetentIndex","stackPresentation","isNativePlatformSupported","resolvedSheetAllowedDetents","resolvedSheetLargestUndimmedDetent","resolvedSheetInitialDetentIndex","AnimatedScreen","undefined","active","children","isNativeStack","gestureResponseDistance","onGestureCancel","style","handleRef","viewConfig","validAttributes","display","_viewConfig","createElement","freeze","zIndex","sheetLargestUndimmedDetent","sheetInitialDetent","start","end","top","bottom","onTransitionProgress","event","nativeEvent","useNativeDriver","Provider","View","createContext","Screen","ScreenWrapper","useContext","_default"],"sourceRoot":"../../../src","sources":["components/Screen.tsx"],"mappings":"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"}

package/lib/commonjs/components/Screen.web.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -13,6 +14,7 @@ const InnerScreen = exports.InnerScreen = _reactNative.View;
 
 // We're using class component here because of the error from reanimated:
 // createAnimatedComponent` does not support stateless functional components; use a class component instead.
+// NOTE: React Server Components do not support class components.
 class NativeScreen extends _react.default.Component {
   render() {
     let {