react-native-screens 4.19.0-nightly-20251029-460569215 → 4.19.0-nightly-20251031-690f01275

package/android/src/main/cpp/NativeProxy.cpp

@@ -53,6 +53,8 @@ void NativeProxy::nativeAddMutationsListener(
 }
 
 void NativeProxy::cleanupExpiredMountingCoordinators() {
+  std::lock_guard<std::mutex> lock(coordinatorsMutex_);
+
   coordinatorsWithMountingOverrides_.erase(
       std::remove_if(
           coordinatorsWithMountingOverrides_.begin(),
@@ -65,6 +67,8 @@ void NativeProxy::cleanupExpiredMountingCoordinators() {
 void NativeProxy::addMountingCoordinatorIfNeeded(
     const std::shared_ptr<const facebook::react::MountingCoordinator>
         &coordinator) {
+  std::lock_guard<std::mutex> lock(coordinatorsMutex_);
+
   bool wasRegistered = std::ranges::any_of(
       coordinatorsWithMountingOverrides_,
       [&coordinator](

package/android/src/main/cpp/NativeProxy.h

@@ -4,6 +4,7 @@
 #include <react/fabric/JFabricUIManager.h>
 #include "RNSScreenRemovalListener.h"
 
+#include <mutex>
 #include <string>
 
 namespace rnscreens {
@@ -25,6 +26,8 @@ class NativeProxy : public jni::HybridClass<NativeProxy> {
   friend HybridBase;
   jni::global_ref<NativeProxy::javaobject> javaPart_;
 
+  std::mutex coordinatorsMutex_;
+
   explicit NativeProxy(jni::alias_ref<NativeProxy::javaobject> jThis);
 
   void nativeAddMutationsListener(

package/ios/RNSScreen.h

@@ -171,13 +171,21 @@ namespace react = facebook::react;
 - (BOOL)isModal;
 - (BOOL)isPresentedAsNativeModal;
 
+/**
+ * Tell `Screen` component that it has been removed from react state and can safely cleanup
+ * any retained resources.
+ */
+- (void)invalidateImpl;
+
+#ifndef RCT_NEW_ARCH_ENABLED
 /**
  * Tell `Screen` component that it has been removed from react state and can safely cleanup
  * any retained resources.
  *
- * Note, that on old architecture this method might be called by RN via `RCTInvalidating` protocol.
+ * On old architecture this method might be called by RN via `RCTInvalidating` protocol.
  */
 - (void)invalidate;
+#endif // !RCT_NEW_ARCH_ENABLED
 
 /**
  * Looks for header configuration in instance's `reactSubviews` and returns it. If not present returns `nil`.

package/ios/RNSScreen.mm

@@ -934,12 +934,19 @@ RNS_IGNORE_SUPER_CALL_END
       self.controller.modalPresentationStyle == UIModalPresentationOverCurrentContext;
 }
 
-- (void)invalidate
+- (void)invalidateImpl
 {
   _controller = nil;
   [_sheetsScrollView removeObserver:self forKeyPath:@"bounds" context:nil];
 }
 
+#ifndef RCT_NEW_ARCH_ENABLED
+- (void)invalidate
+{
+  [self invalidateImpl];
+}
+#endif
+
 #if !TARGET_OS_TV && !TARGET_OS_VISION
 
 - (void)setPropertyForSheet:(UISheetPresentationController *)sheet withBlock:(void (^)(void))block animate:(BOOL)animate

package/ios/RNSScreenContainer.mm

@@ -266,7 +266,7 @@ RNS_IGNORE_SUPER_CALL_END
   [super load];
 }
 
-#pragma mark - RCTViewComponentViewProtocol
+#pragma mark - RCTComponentViewProtocol
 
 - (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index
 {

package/ios/RNSScreenStack.mm

@@ -1409,7 +1409,11 @@ RNS_IGNORE_SUPER_CALL_END
         return;
       }
       for (RNSScreenView *screenRef : strongSelf->_toBeDeletedScreens) {
+#ifdef RCT_NEW_ARCH_ENABLED
+        [screenRef invalidateImpl];
+#else
         [screenRef invalidate];
+#endif
       }
       strongSelf->_toBeDeletedScreens.clear();
     });

package/ios/bottom-tabs/RNSBottomTabsHostComponentView.mm

@@ -207,7 +207,7 @@ namespace react = facebook::react;
   return [_reactEventEmitter emitOnNativeFocusChange:OnNativeFocusChangePayload{.tabKey = tabScreen.tabKey}];
 }
 
-#pragma mark - RCTViewComponentViewProtocol
+#pragma mark - RCTComponentViewProtocol
 #if RCT_NEW_ARCH_ENABLED
 
 - (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index

package/ios/bottom-tabs/RNSBottomTabsScreenComponentView.mm

@@ -243,7 +243,7 @@ RNS_IGNORE_SUPER_CALL_END
 }
 
 #if RCT_NEW_ARCH_ENABLED
-#pragma mark - RCTViewComponentViewProtocol
+#pragma mark - RCTComponentViewProtocol
 
 - (void)updateProps:(const facebook::react::Props::Shared &)props
            oldProps:(const facebook::react::Props::Shared &)oldProps

package/ios/gamma/split-view/RNSSplitViewHostComponentView.mm

@@ -116,13 +116,6 @@ static const CGFloat epsilon = 1e-6;
   }
 }
 
-- (void)willMoveToWindow:(UIWindow *)newWindow
-{
-  if (newWindow == nil) {
-    [self invalidate];
-  }
-}
-
 - (void)didMoveToWindow
 {
   [self setupController];
@@ -148,17 +141,6 @@ static const CGFloat epsilon = 1e-6;
   }
 }
 
-- (void)invalidate
-{
-  // We assume that split host is removed from view hierarchy **only** when
-  // whole component is destroyed & therefore we do the necessary cleanup here.
-  // If at some point that statement does not hold anymore, this cleanup
-  // should be moved to a different place.
-  for (RNSSplitViewScreenComponentView *subview in _reactSubviews) {
-    [subview invalidate];
-  }
-}
-
 RNS_IGNORE_SUPER_CALL_BEGIN
 - (nonnull NSMutableArray<RNSSplitViewScreenComponentView *> *)reactSubviews
 {
@@ -176,7 +158,7 @@ RNS_IGNORE_SUPER_CALL_END
   return _controller;
 }
 
-#pragma mark - RCTViewComponentViewProtocol
+#pragma mark - RCTComponentViewProtocol
 
 - (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index
 {

package/ios/gamma/split-view/RNSSplitViewScreenComponentView.h

@@ -21,13 +21,6 @@ NS_ASSUME_NONNULL_BEGIN
 @property (nonatomic, strong, readonly, nonnull) RNSSplitViewScreenController *controller;
 @property (nonatomic, weak, readwrite, nullable) RNSSplitViewHostComponentView *splitViewHost;
 
-/**
- * @brief A function responsible for requesting a cleanup in the SplitViewScreen component.
- *
- * Should be called when the component is about to be deleted.
- */
-- (void)invalidate;
-
 @end
 
 #pragma mark - ShadowTreeState

package/ios/gamma/split-view/RNSSplitViewScreenComponentView.mm

@@ -85,14 +85,6 @@ namespace react = facebook::react;
   _columnType = RNSSplitViewScreenColumnTypeColumn;
 }
 
-- (void)invalidate
-{
-  // Controller keeps the strong reference to the component via the `.view` property.
-  // Therefore, we need to enforce a proper cleanup, breaking the retain cycle,
-  // when we want to destroy the component.
-  _controller = nil;
-}
-
 - (void)registerForFrameCorrection:(UIView *)view
 {
   [_viewsForFrameCorrection addObject:view];
@@ -155,7 +147,7 @@ namespace react = facebook::react;
   [self dispatchSafeAreaDidChangeNotification];
 }
 
-#pragma mark - RCTViewComponentViewProtocol
+#pragma mark - RCTComponentViewProtocol
 
 + (react::ComponentDescriptorProvider)componentDescriptorProvider
 {
@@ -196,6 +188,14 @@ namespace react = facebook::react;
       updateEventEmitter:std::static_pointer_cast<const react::RNSSplitViewScreenEventEmitter>(eventEmitter)];
 }
 
+- (void)invalidate
+{
+  // Controller keeps the strong reference to the component via the `.view` property.
+  // Therefore, we need to enforce a proper cleanup, breaking the retain cycle,
+  // when we want to destroy the component.
+  _controller = nil;
+}
+
 @end
 
 Class<RCTComponentViewProtocol> RNSSplitViewScreenCls(void)

package/ios/gamma/stack/RNSScreenStackHostComponentView.mm

@@ -75,7 +75,7 @@ RNS_IGNORE_SUPER_CALL_END
   return _controller;
 }
 
-#pragma mark - RCTViewComponentViewProtocol
+#pragma mark - RCTComponentViewProtocol
 
 - (void)mountChildComponentView:(UIView<RCTComponentViewProtocol> *)childComponentView index:(NSInteger)index
 {

package/ios/gamma/stack/RNSStackScreenComponentView.mm

@@ -66,7 +66,7 @@ namespace react = facebook::react;
   return _reactEventEmitter;
 }
 
-#pragma mark - RCTViewComponentViewProtocol
+#pragma mark - RCTComponentViewProtocol
 
 - (void)updateProps:(const facebook::react::Props::Shared &)props
            oldProps:(const facebook::react::Props::Shared &)oldProps

package/ios/safe-area/RNSSafeAreaViewComponentView.mm

@@ -166,7 +166,7 @@ RCT_NOT_IMPLEMENTED(-(instancetype)initWithFrame : (CGRect)frame)
 #endif // RCT_NEW_ARCH_ENABLED
 
 #if RCT_NEW_ARCH_ENABLED
-#pragma mark - RCTViewComponentViewProtocol
+#pragma mark - RCTComponentViewProtocol
 
 + (react::ComponentDescriptorProvider)componentDescriptorProvider
 {

package/lib/commonjs/components/gamma/split-view/SplitViewHost.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _SplitViewHostNativeComponent = _interopRequireDefault(require("../../../fabric/gamma/SplitViewHostNativeComponent"));
+var _SplitViewScreen = _interopRequireDefault(require("./SplitViewScreen"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 // According to the UIKit documentation: https://developer.apple.com/documentation/uikit/uisplitviewcontroller/displaymode-swift.enum
@@ -44,7 +45,20 @@ function SplitViewHost(props) {
       }
     }
   }, [preferredDisplayMode, preferredSplitBehavior]);
-  return /*#__PURE__*/_react.default.createElement(_SplitViewHostNativeComponent.default, _extends({}, props, {
+  const children = _react.default.Children.toArray(props.children);
+  const columns = children.filter(
+  // @ts-ignore - type is valid attribute for child
+  child => child.type === _SplitViewScreen.default.Column);
+  const inspectors = children.filter(
+  // @ts-ignore - type is valid attribute for child
+  child => child.type === _SplitViewScreen.default.Inspector);
+  return /*#__PURE__*/_react.default.createElement(_SplitViewHostNativeComponent.default
+  // UISplitViewController requires the number of columns to be specified at initialization and it cannot be changed dynamically later.
+  // By using a specific key in this form, we can detect changes in the number of React children.
+  // This enables us to fully recreate the SplitView when necessary, ensuring the correct column configuration is always applied.
+  , _extends({
+    key: `columns-${columns.length}-inspectors-${inspectors.length}`
+  }, props, {
     style: styles.container
   }), props.children);
 }

package/lib/commonjs/components/gamma/split-view/SplitViewHost.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_SplitViewHostNativeComponent","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","displayModeForSplitViewCompatibilityMap","tile","overlay","displace","automatic","isValidDisplayModeForSplitBehavior","displayMode","splitBehavior","includes","SplitViewHost","props","preferredDisplayMode","preferredSplitBehavior","React","useEffect","isValid","validDisplayModes","console","warn","join","createElement","style","styles","container","children","StyleSheet","create","flex","_default","exports"],"sourceRoot":"../../../../../src","sources":["components/gamma/split-view/SplitViewHost.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,6BAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA8F,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAO9F;AACA;AACA;AACA;AACA,MAAMO,uCAGL,GAAG;EACFC,IAAI,EAAE,CAAC,eAAe,EAAE,oBAAoB,EAAE,oBAAoB,CAAC;EACnEC,OAAO,EAAE,CAAC,eAAe,EAAE,kBAAkB,EAAE,kBAAkB,CAAC;EAClEC,QAAQ,EAAE,CAAC,eAAe,EAAE,oBAAoB,EAAE,sBAAsB,CAAC;EACzEC,SAAS,EAAE,EAAE,CAAE;AACjB,CAAC;AAED,MAAMC,kCAAkC,GAAGA,CACzCC,WAAiC,EACjCC,aAAqC,KAClC;EACH,IAAIA,aAAa,KAAK,WAAW,EAAE;IACjC;IACA,OAAO,IAAI;EACb;EACA,OAAOP,uCAAuC,CAACO,aAAa,CAAC,CAACC,QAAQ,CACpEF,WACF,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA,SAASG,aAAaA,CAACC,KAAyB,EAAE;EAChD,MAAM;IAAEC,oBAAoB;IAAEC;EAAuB,CAAC,GAAGF,KAAK;EAE9DG,cAAK,CAACC,SAAS,CAAC,MAAM;IACpB,IAAIH,oBAAoB,IAAIC,sBAAsB,EAAE;MAClD,MAAMG,OAAO,GAAGV,kCAAkC,CAChDM,oBAAoB,EACpBC,sBACF,CAAC;MACD,IAAI,CAACG,OAAO,EAAE;QACZ,MAAMC,iBAAiB,GACrBhB,uCAAuC,CAACY,sBAAsB,CAAC;QACjEK,OAAO,CAACC,IAAI,CACV,yBAAyBP,oBAAoB,yBAAyBC,sBAAsB,IAAI,GAC9F,sBAAsBA,sBAAsB,UAAUI,iBAAiB,CAACG,IAAI,CAC1E,IACF,CAAC,GACL,CAAC;MACH;IACF;EACF,CAAC,EAAE,CAACR,oBAAoB,EAAEC,sBAAsB,CAAC,CAAC;EAElD,oBACEhC,MAAA,CAAAO,OAAA,CAAAiC,aAAA,CAACpC,6BAAA,CAAAG,OAA4B,EAAAC,QAAA,KAAKsB,KAAK;IAAEW,KAAK,EAAEC,MAAM,CAACC;EAAU,IAC9Db,KAAK,CAACc,QACqB,CAAC;AAEnC;AAEA,MAAMF,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA1C,OAAA,GAEYsB,aAAa","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_SplitViewHostNativeComponent","_SplitViewScreen","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","displayModeForSplitViewCompatibilityMap","tile","overlay","displace","automatic","isValidDisplayModeForSplitBehavior","displayMode","splitBehavior","includes","SplitViewHost","props","preferredDisplayMode","preferredSplitBehavior","React","useEffect","isValid","validDisplayModes","console","warn","join","children","Children","toArray","columns","filter","child","type","SplitViewScreen","Column","inspectors","Inspector","createElement","key","style","styles","container","StyleSheet","create","flex","_default","exports"],"sourceRoot":"../../../../../src","sources":["components/gamma/split-view/SplitViewHost.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/gamma/split-view/SplitViewHost.js

@@ -2,6 +2,8 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import React from 'react';
 import { StyleSheet } from 'react-native';
 import SplitViewHostNativeComponent from '../../../fabric/gamma/SplitViewHostNativeComponent';
+import SplitViewScreen from './SplitViewScreen';
+
 // According to the UIKit documentation: https://developer.apple.com/documentation/uikit/uisplitviewcontroller/displaymode-swift.enum
 // Only specific pairs for displayMode - splitBehavior are valid and others may lead to unexpected results.
 // Therefore, we're adding check on the JS side to return a feedback to the client when that pairing isn't valid.
@@ -37,7 +39,20 @@ function SplitViewHost(props) {
       }
     }
   }, [preferredDisplayMode, preferredSplitBehavior]);
-  return /*#__PURE__*/React.createElement(SplitViewHostNativeComponent, _extends({}, props, {
+  const children = React.Children.toArray(props.children);
+  const columns = children.filter(
+  // @ts-ignore - type is valid attribute for child
+  child => child.type === SplitViewScreen.Column);
+  const inspectors = children.filter(
+  // @ts-ignore - type is valid attribute for child
+  child => child.type === SplitViewScreen.Inspector);
+  return /*#__PURE__*/React.createElement(SplitViewHostNativeComponent
+  // UISplitViewController requires the number of columns to be specified at initialization and it cannot be changed dynamically later.
+  // By using a specific key in this form, we can detect changes in the number of React children.
+  // This enables us to fully recreate the SplitView when necessary, ensuring the correct column configuration is always applied.
+  , _extends({
+    key: `columns-${columns.length}-inspectors-${inspectors.length}`
+  }, props, {
     style: styles.container
   }), props.children);
 }

package/lib/module/components/gamma/split-view/SplitViewHost.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","SplitViewHostNativeComponent","displayModeForSplitViewCompatibilityMap","tile","overlay","displace","automatic","isValidDisplayModeForSplitBehavior","displayMode","splitBehavior","includes","SplitViewHost","props","preferredDisplayMode","preferredSplitBehavior","useEffect","isValid","validDisplayModes","console","warn","join","createElement","_extends","style","styles","container","children","create","flex"],"sourceRoot":"../../../../../src","sources":["components/gamma/split-view/SplitViewHost.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,4BAA4B,MAAM,oDAAoD;AAO7F;AACA;AACA;AACA;AACA,MAAMC,uCAGL,GAAG;EACFC,IAAI,EAAE,CAAC,eAAe,EAAE,oBAAoB,EAAE,oBAAoB,CAAC;EACnEC,OAAO,EAAE,CAAC,eAAe,EAAE,kBAAkB,EAAE,kBAAkB,CAAC;EAClEC,QAAQ,EAAE,CAAC,eAAe,EAAE,oBAAoB,EAAE,sBAAsB,CAAC;EACzEC,SAAS,EAAE,EAAE,CAAE;AACjB,CAAC;AAED,MAAMC,kCAAkC,GAAGA,CACzCC,WAAiC,EACjCC,aAAqC,KAClC;EACH,IAAIA,aAAa,KAAK,WAAW,EAAE;IACjC;IACA,OAAO,IAAI;EACb;EACA,OAAOP,uCAAuC,CAACO,aAAa,CAAC,CAACC,QAAQ,CACpEF,WACF,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA,SAASG,aAAaA,CAACC,KAAyB,EAAE;EAChD,MAAM;IAAEC,oBAAoB;IAAEC;EAAuB,CAAC,GAAGF,KAAK;EAE9Db,KAAK,CAACgB,SAAS,CAAC,MAAM;IACpB,IAAIF,oBAAoB,IAAIC,sBAAsB,EAAE;MAClD,MAAME,OAAO,GAAGT,kCAAkC,CAChDM,oBAAoB,EACpBC,sBACF,CAAC;MACD,IAAI,CAACE,OAAO,EAAE;QACZ,MAAMC,iBAAiB,GACrBf,uCAAuC,CAACY,sBAAsB,CAAC;QACjEI,OAAO,CAACC,IAAI,CACV,yBAAyBN,oBAAoB,yBAAyBC,sBAAsB,IAAI,GAC9F,sBAAsBA,sBAAsB,UAAUG,iBAAiB,CAACG,IAAI,CAC1E,IACF,CAAC,GACL,CAAC;MACH;IACF;EACF,CAAC,EAAE,CAACP,oBAAoB,EAAEC,sBAAsB,CAAC,CAAC;EAElD,oBACEf,KAAA,CAAAsB,aAAA,CAACpB,4BAA4B,EAAAqB,QAAA,KAAKV,KAAK;IAAEW,KAAK,EAAEC,MAAM,CAACC;EAAU,IAC9Db,KAAK,CAACc,QACqB,CAAC;AAEnC;AAEA,MAAMF,MAAM,GAAGxB,UAAU,CAAC2B,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,eAAejB,aAAa","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","SplitViewHostNativeComponent","SplitViewScreen","displayModeForSplitViewCompatibilityMap","tile","overlay","displace","automatic","isValidDisplayModeForSplitBehavior","displayMode","splitBehavior","includes","SplitViewHost","props","preferredDisplayMode","preferredSplitBehavior","useEffect","isValid","validDisplayModes","console","warn","join","children","Children","toArray","columns","filter","child","type","Column","inspectors","Inspector","createElement","_extends","key","length","style","styles","container","create","flex"],"sourceRoot":"../../../../../src","sources":["components/gamma/split-view/SplitViewHost.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,4BAA4B,MAAM,oDAAoD;AAM7F,OAAOC,eAAe,MAAM,mBAAmB;;AAE/C;AACA;AACA;AACA;AACA,MAAMC,uCAGL,GAAG;EACFC,IAAI,EAAE,CAAC,eAAe,EAAE,oBAAoB,EAAE,oBAAoB,CAAC;EACnEC,OAAO,EAAE,CAAC,eAAe,EAAE,kBAAkB,EAAE,kBAAkB,CAAC;EAClEC,QAAQ,EAAE,CAAC,eAAe,EAAE,oBAAoB,EAAE,sBAAsB,CAAC;EACzEC,SAAS,EAAE,EAAE,CAAE;AACjB,CAAC;AAED,MAAMC,kCAAkC,GAAGA,CACzCC,WAAiC,EACjCC,aAAqC,KAClC;EACH,IAAIA,aAAa,KAAK,WAAW,EAAE;IACjC;IACA,OAAO,IAAI;EACb;EACA,OAAOP,uCAAuC,CAACO,aAAa,CAAC,CAACC,QAAQ,CACpEF,WACF,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA,SAASG,aAAaA,CAACC,KAAyB,EAAE;EAChD,MAAM;IAAEC,oBAAoB;IAAEC;EAAuB,CAAC,GAAGF,KAAK;EAE9Dd,KAAK,CAACiB,SAAS,CAAC,MAAM;IACpB,IAAIF,oBAAoB,IAAIC,sBAAsB,EAAE;MAClD,MAAME,OAAO,GAAGT,kCAAkC,CAChDM,oBAAoB,EACpBC,sBACF,CAAC;MACD,IAAI,CAACE,OAAO,EAAE;QACZ,MAAMC,iBAAiB,GACrBf,uCAAuC,CAACY,sBAAsB,CAAC;QACjEI,OAAO,CAACC,IAAI,CACV,yBAAyBN,oBAAoB,yBAAyBC,sBAAsB,IAAI,GAC9F,sBAAsBA,sBAAsB,UAAUG,iBAAiB,CAACG,IAAI,CAC1E,IACF,CAAC,GACL,CAAC;MACH;IACF;EACF,CAAC,EAAE,CAACP,oBAAoB,EAAEC,sBAAsB,CAAC,CAAC;EAElD,MAAMO,QAAQ,GAAGvB,KAAK,CAACwB,QAAQ,CAACC,OAAO,CAACX,KAAK,CAACS,QAAQ,CAAC;EAEvD,MAAMG,OAAO,GAAGH,QAAQ,CAACI,MAAM;EAC7B;EACAC,KAAK,IAAIA,KAAK,CAACC,IAAI,KAAK1B,eAAe,CAAC2B,MAC1C,CAAC;EAED,MAAMC,UAAU,GAAGR,QAAQ,CAACI,MAAM;EAChC;EACAC,KAAK,IAAIA,KAAK,CAACC,IAAI,KAAK1B,eAAe,CAAC6B,SAC1C,CAAC;EAED,oBACEhC,KAAA,CAAAiC,aAAA,CAAC/B;EACC;EACA;EACA;EAAA,EAAAgC,QAAA;IACAC,GAAG,EAAE,WAAWT,OAAO,CAACU,MAAM,eAAeL,UAAU,CAACK,MAAM;EAAG,GAC7DtB,KAAK;IACTuB,KAAK,EAAEC,MAAM,CAACC;EAAU,IACvBzB,KAAK,CAACS,QACqB,CAAC;AAEnC;AAEA,MAAMe,MAAM,GAAGrC,UAAU,CAACuC,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,eAAe5B,aAAa","ignoreList":[]}

package/lib/typescript/components/gamma/split-view/SplitViewHost.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SplitViewHost.d.ts","sourceRoot":"","sources":["../../../../../src/components/gamma/split-view/SplitViewHost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAEV,kBAAkB,EAEnB,MAAM,uBAAuB,CAAC;AA6B/B;;GAEG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBA2B/C;AAQD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"SplitViewHost.d.ts","sourceRoot":"","sources":["../../../../../src/components/gamma/split-view/SplitViewHost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAEV,kBAAkB,EAEnB,MAAM,uBAAuB,CAAC;AA8B/B;;GAEG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBA6C/C;AAQD,eAAe,aAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-screens",
-  "version": "4.19.0-nightly-20251029-460569215",
+  "version": "4.19.0-nightly-20251031-690f01275",
   "description": "Native navigation primitives for your React Native app.",
   "scripts": {
     "submodules": "git submodule update --init --recursive && (cd react-navigation && yarn && yarn build && cd ../)",
@@ -86,10 +86,10 @@
     "@react-native-community/cli": "20.0.0-alpha.2",
     "@react-native-community/cli-platform-android": "20.0.0-alpha.2",
     "@react-native-community/cli-platform-ios": "20.0.0-alpha.2",
-    "@react-native/babel-preset": "0.82.0-rc.4",
-    "@react-native/eslint-config": "0.82.0-rc.4",
-    "@react-native/metro-config": "0.82.0-rc.4",
-    "@react-native/typescript-config": "0.82.0-rc.4",
+    "@react-native/babel-preset": "0.82.1",
+    "@react-native/eslint-config": "0.82.1",
+    "@react-native/metro-config": "0.82.1",
+    "@react-native/typescript-config": "0.82.1",
     "@react-navigation/native": "^5.8.0",
     "@react-navigation/stack": "^5.10.0",
     "@types/jest": "^29.5.13",
@@ -112,7 +112,7 @@
     "prettier": "^2.8.8",
     "react": "^19.1.1",
     "react-dom": "^19.1.0",
-    "react-native": "0.82.0-rc.4",
+    "react-native": "0.82.1",
     "react-native-builder-bob": "^0.23.2",
     "react-native-gesture-handler": "^2.28.0",
     "react-native-reanimated": "^3.19.0",

package/src/components/gamma/split-view/SplitViewHost.tsx

@@ -6,6 +6,7 @@ import type {
   SplitViewHostProps,
   SplitViewSplitBehavior,
 } from './SplitViewHost.types';
+import SplitViewScreen from './SplitViewScreen';
 
 // According to the UIKit documentation: https://developer.apple.com/documentation/uikit/uisplitviewcontroller/displaymode-swift.enum
 // Only specific pairs for displayMode - splitBehavior are valid and others may lead to unexpected results.
@@ -59,8 +60,26 @@ function SplitViewHost(props: SplitViewHostProps) {
     }
   }, [preferredDisplayMode, preferredSplitBehavior]);
 
+  const children = React.Children.toArray(props.children);
+
+  const columns = children.filter(
+    // @ts-ignore - type is valid attribute for child
+    child => child.type === SplitViewScreen.Column,
+  );
+
+  const inspectors = children.filter(
+    // @ts-ignore - type is valid attribute for child
+    child => child.type === SplitViewScreen.Inspector,
+  );
+
   return (
-    <SplitViewHostNativeComponent {...props} style={styles.container}>
+    <SplitViewHostNativeComponent
+      // UISplitViewController requires the number of columns to be specified at initialization and it cannot be changed dynamically later.
+      // By using a specific key in this form, we can detect changes in the number of React children.
+      // This enables us to fully recreate the SplitView when necessary, ensuring the correct column configuration is always applied.
+      key={`columns-${columns.length}-inspectors-${inspectors.length}`}
+      {...props}
+      style={styles.container}>
       {props.children}
     </SplitViewHostNativeComponent>
   );