@react-navigation/native 8.0.0-alpha.11 → 8.0.0-alpha.12

package/android/src/main/java/org/reactnavigation/ReactNavigationPackage.kt

@@ -9,7 +9,9 @@ import com.facebook.react.uimanager.ViewManager
 
 class ReactNavigationPackage : BaseReactPackage() {
   override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
-    return listOf(MaterialSymbolViewManager())
+    return listOf(
+      MaterialSymbolViewManager()
+    )
   }
 
   override fun getModule(name: String, reactContext: ReactApplicationContext): NativeModule? {

package/ios/ReactNavigationCornerInsetView.h

@@ -0,0 +1,14 @@
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+#ifndef ReactNavigationCornerInsetViewNativeComponent_h
+#define ReactNavigationCornerInsetViewNativeComponent_h
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface ReactNavigationCornerInsetView : RCTViewComponentView
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif /* ReactNavigationCornerInsetViewNativeComponent_h */

package/ios/ReactNavigationCornerInsetView.mm

@@ -0,0 +1,182 @@
+#import "ReactNavigationCornerInsetView.h"
+
+#import <React/RCTConversions.h>
+
+#if __has_include("ReactNavigation/ReactNavigation-Swift.h")
+#import "ReactNavigation/ReactNavigation-Swift.h"
+#else
+#import "ReactNavigation-Swift.h"
+#endif
+
+#import "ReactNavigationCornerInsetViewComponentDescriptor.h"
+#import "ReactNavigationCornerInsetViewShadowNode.h"
+
+#import <QuartzCore/QuartzCore.h>
+#import <react/renderer/components/ReactNavigationSpec/Props.h>
+
+#import "RCTFabricComponentsPlugins.h"
+
+using namespace facebook::react;
+
+static NSTimeInterval const ReactNavigationCornerInsetAnimationDuration = 0.2;
+static CGFloat const ReactNavigationCornerInsetAnimationTolerance = 0.01;
+
+@interface ReactNavigationCornerInsetView () <ReactNavigationCornerInsetViewImplDelegate>
+
+@end
+
+@implementation ReactNavigationCornerInsetView {
+  ReactNavigationCornerInsetViewImpl * _view;
+  ReactNavigationCornerInsetViewShadowNode::ConcreteState::Shared _state;
+  CGFloat _currentCornerInset;
+  CADisplayLink * _cornerInsetAnimationDisplayLink;
+  CFTimeInterval _cornerInsetAnimationStartTime;
+  CGFloat _cornerInsetAnimationFromValue;
+  CGFloat _cornerInsetAnimationToValue;
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+    return concreteComponentDescriptorProvider<ReactNavigationCornerInsetViewComponentDescriptor>();
+}
+
++ (BOOL)shouldBeRecycled
+{
+  return NO;
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const ReactNavigationCornerInsetViewProps>();
+    _props = defaultProps;
+
+    _view = [[ReactNavigationCornerInsetViewImpl alloc] init];
+    _view.delegate = self;
+
+    self.contentView = _view;
+  }
+
+  return self;
+}
+
+static ReactNavigationCornerInsetViewImplProps *convertProps(const Props::Shared &props) {
+    const auto &viewProps = *std::static_pointer_cast<ReactNavigationCornerInsetViewProps const>(props);
+
+    ReactNavigationCornerInsetViewImplProps *swiftProps = [[ReactNavigationCornerInsetViewImplProps alloc] init];
+
+    swiftProps.direction = viewProps.direction == ReactNavigationCornerInsetViewDirection::Horizontal
+        ? CornerInsetDirectionHorizontal
+        : CornerInsetDirectionVertical;
+
+    swiftProps.edge = viewProps.edge == ReactNavigationCornerInsetViewEdge::Left
+        ? CornerInsetEdgeLeft
+        : viewProps.edge == ReactNavigationCornerInsetViewEdge::Right
+            ? CornerInsetEdgeRight
+            : viewProps.edge == ReactNavigationCornerInsetViewEdge::Bottom
+                ? CornerInsetEdgeBottom
+                : CornerInsetEdgeTop;
+    swiftProps.adaptive = viewProps.adaptive;
+
+    return swiftProps;
+}
+
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
+{
+    [_view updateProps:convertProps(props) oldProps:convertProps(_props)];
+    [super updateProps:props oldProps:oldProps];
+}
+
+- (void)updateState:(const State::Shared &)state oldState:(const State::Shared &)oldState
+{
+    _state = std::static_pointer_cast<ReactNavigationCornerInsetViewShadowNode::ConcreteState const>(state);
+}
+
+- (void)handleCommand:(const NSString *)commandName args:(const NSArray *)args
+{
+    if ([commandName isEqualToString:@"relayout"]) {
+        [_view relayout];
+        return;
+    }
+
+    [super handleCommand:commandName args:args];
+}
+
+- (void)dealloc
+{
+    [self stopCornerInsetAnimation];
+}
+
+- (void)cornerInsetDidChange:(CGFloat)cornerInset animated:(BOOL)animated
+{
+    if (animated) {
+        if (fabs(_currentCornerInset - cornerInset) <= ReactNavigationCornerInsetAnimationTolerance) {
+            return;
+        }
+
+        [self startCornerInsetAnimationTo:cornerInset];
+        return;
+    }
+
+    if (_cornerInsetAnimationDisplayLink != nil &&
+        fabs(_cornerInsetAnimationToValue - cornerInset) <= ReactNavigationCornerInsetAnimationTolerance) {
+        return;
+    }
+
+    [self stopCornerInsetAnimation];
+
+    if (fabs(_currentCornerInset - cornerInset) <= ReactNavigationCornerInsetAnimationTolerance) {
+        return;
+    }
+
+    [self applyCornerInset:cornerInset];
+}
+
+- (void)startCornerInsetAnimationTo:(CGFloat)cornerInset
+{
+    [self stopCornerInsetAnimation];
+
+    _cornerInsetAnimationFromValue = _currentCornerInset;
+    _cornerInsetAnimationToValue = cornerInset;
+    _cornerInsetAnimationStartTime = CACurrentMediaTime();
+    _cornerInsetAnimationDisplayLink =
+        [CADisplayLink displayLinkWithTarget:self selector:@selector(handleCornerInsetAnimationFrame:)];
+    [_cornerInsetAnimationDisplayLink addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSRunLoopCommonModes];
+}
+
+- (void)stopCornerInsetAnimation
+{
+    [_cornerInsetAnimationDisplayLink invalidate];
+    _cornerInsetAnimationDisplayLink = nil;
+    _cornerInsetAnimationStartTime = 0;
+}
+
+- (void)handleCornerInsetAnimationFrame:(CADisplayLink *)displayLink
+{
+    NSTimeInterval elapsed = CACurrentMediaTime() - _cornerInsetAnimationStartTime;
+    CGFloat progress = MIN(1, elapsed / ReactNavigationCornerInsetAnimationDuration);
+    CGFloat inverseProgress = 1 - progress;
+    CGFloat easedProgress = 1 - inverseProgress * inverseProgress * inverseProgress;
+
+    CGFloat cornerInset = _cornerInsetAnimationFromValue +
+                          (_cornerInsetAnimationToValue - _cornerInsetAnimationFromValue) * easedProgress;
+    [self applyCornerInset:cornerInset];
+
+    if (progress >= 1) {
+        [self stopCornerInsetAnimation];
+        [self applyCornerInset:_cornerInsetAnimationToValue];
+    }
+}
+
+- (void)applyCornerInset:(CGFloat)cornerInset
+{
+    _currentCornerInset = cornerInset;
+
+    if (!_state) {
+        return;
+    }
+
+    _state->updateState(ReactNavigationCornerInsetViewState(cornerInset), facebook::react::EventQueue::UpdateMode::unstable_Immediate);
+}
+
+@end

package/ios/ReactNavigationCornerInsetView.swift

@@ -0,0 +1,193 @@
+import UIKit
+
+@objc public enum CornerInsetDirection: Int {
+  case vertical
+  case horizontal
+}
+
+@objc public enum CornerInsetEdge: Int {
+  case top
+  case right
+  case bottom
+  case left
+}
+
+@objcMembers public class ReactNavigationCornerInsetViewImplProps: NSObject {
+  public var direction: CornerInsetDirection = .vertical
+  public var edge: CornerInsetEdge = .top
+  public var adaptive: Bool = true
+}
+
+@objc public protocol ReactNavigationCornerInsetViewImplDelegate: NSObjectProtocol {
+  func cornerInsetDidChange(_ cornerInset: CGFloat, animated: Bool)
+}
+
+@objc public class ReactNavigationCornerInsetViewImpl: UIView {
+  @objc public weak var delegate: ReactNavigationCornerInsetViewImplDelegate?
+
+  private var props: ReactNavigationCornerInsetViewImplProps = ReactNavigationCornerInsetViewImplProps()
+  private var hasMeasuredCornerInset = false
+  private var lastMeasuredCornerInset: CGFloat = 0
+  private weak var measurementView: UIView?
+  private weak var lastMeasuredWindow: UIWindow?
+
+  @objc public func updateProps(_ props: ReactNavigationCornerInsetViewImplProps, oldProps: ReactNavigationCornerInsetViewImplProps) {
+    self.props = props
+
+    if props.direction != oldProps.direction || props.edge != oldProps.edge || props.adaptive != oldProps.adaptive {
+      setNeedsLayout()
+      updateCornerInset(forceMeasurement: true)
+    }
+  }
+
+  @objc public func relayout() {
+    updateCornerInset(animated: true, forceMeasurement: true)
+  }
+
+  public override func didMoveToWindow() {
+    super.didMoveToWindow()
+
+    if window == nil {
+      measurementView?.removeFromSuperview()
+      measurementView = nil
+    }
+
+    updateCornerInset()
+  }
+
+  private func updateCornerInset(animated: Bool = false, forceMeasurement: Bool = false) {
+    if shouldMeasureCornerInset(forceMeasurement: forceMeasurement) {
+      if #available(iOS 26.0, *) {
+        let sourceView: UIView
+
+        if let window {
+          sourceView = prepareMeasurementView(in: window)
+        } else {
+          sourceView = self
+        }
+
+        let cornerMargins = readCornerMargins(from: sourceView)
+
+        switch props.edge {
+        case .top:
+          lastMeasuredCornerInset = cornerMargins.top
+        case .right:
+          lastMeasuredCornerInset = cornerMargins.right
+        case .bottom:
+          lastMeasuredCornerInset = cornerMargins.bottom
+        case .left:
+          lastMeasuredCornerInset = cornerMargins.left
+        }
+      } else {
+        lastMeasuredCornerInset = 0
+      }
+
+      hasMeasuredCornerInset = true
+      lastMeasuredWindow = window
+    }
+
+    delegate?.cornerInsetDidChange(hasMeasuredCornerInset ? lastMeasuredCornerInset : 0, animated: animated)
+  }
+
+  private func shouldMeasureCornerInset(forceMeasurement: Bool) -> Bool {
+    let currentWindow = window
+
+    if forceMeasurement {
+      return currentWindow != nil || !hasMeasuredCornerInset
+    }
+
+    if !hasMeasuredCornerInset {
+      return true
+    }
+
+    guard let currentWindow else {
+      return false
+    }
+
+    return lastMeasuredWindow !== currentWindow
+  }
+
+  @available(iOS 26.0, *)
+  private func prepareMeasurementView(in window: UIWindow) -> UIView {
+    let measurementView = resolveMeasurementView(in: window)
+
+    measurementView.frame = resolveFrameInWindow()
+
+    window.setNeedsUpdateProperties()
+    measurementView.setNeedsUpdateProperties()
+    window.updatePropertiesIfNeeded()
+    measurementView.updatePropertiesIfNeeded()
+
+    return measurementView
+  }
+
+  @available(iOS 26.0, *)
+  private func readCornerMargins(from sourceView: UIView) -> UIEdgeInsets {
+    let adaptedRegion = UIView.LayoutRegion.margins(
+      cornerAdaptation: props.direction == .horizontal ? .horizontal : .vertical
+    )
+    let adaptedMargins = sourceView.edgeInsets(for: adaptedRegion)
+
+    if !props.adaptive {
+      return adaptedMargins
+    }
+
+    let baselineRegion = UIView.LayoutRegion.margins(cornerAdaptation: .none)
+    let baselineMargins = sourceView.edgeInsets(for: baselineRegion)
+
+    return UIEdgeInsets(
+      top: adaptedMargins.top == baselineMargins.top ? 0 : adaptedMargins.top,
+      left: adaptedMargins.left == baselineMargins.left ? 0 : adaptedMargins.left,
+      bottom: adaptedMargins.bottom == baselineMargins.bottom ? 0 : adaptedMargins.bottom,
+      right: adaptedMargins.right == baselineMargins.right ? 0 : adaptedMargins.right
+    )
+  }
+
+  @available(iOS 26.0, *)
+  private func resolveMeasurementView(in window: UIWindow) -> UIView {
+    if let measurementView, measurementView.window === window {
+      return measurementView
+    }
+
+    measurementView?.removeFromSuperview()
+
+    // Use a hidden view in the window so relayout can read the current corner
+    // insets even while transforms are animating.
+    let view = UIView(frame: .zero)
+
+    view.backgroundColor = .clear
+    view.isUserInteractionEnabled = false
+    view.isAccessibilityElement = false
+    view.alpha = 0
+
+    window.addSubview(view)
+    measurementView = view
+
+    return view
+  }
+
+  private func resolveFrameInWindow() -> CGRect {
+    guard let window else {
+      return .zero
+    }
+
+    guard
+      let superLayer = layer.superlayer,
+      let presentationLayer = layer.presentation()
+    else {
+      return superview?.convert(frame, to: window) ?? convert(bounds, to: window)
+    }
+
+    let sourceLayer = superLayer.presentation() ?? superLayer
+    let destinationLayer = window.layer.presentation() ?? window.layer
+    let center = destinationLayer.convert(presentationLayer.position, from: sourceLayer)
+    let bounds = presentationLayer.bounds
+
+    return CGRect(
+      x: center.x - bounds.size.width / 2,
+      y: center.y - bounds.size.height / 2,
+      width: bounds.size.width,
+      height: bounds.size.height
+    )
+  }
+}

package/ios/ReactNavigationCornerInsetViewComponentDescriptor.h

@@ -0,0 +1,23 @@
+#pragma once
+
+#include "ReactNavigationCornerInsetViewShadowNode.h"
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+class ReactNavigationCornerInsetViewComponentDescriptor final
+    : public ConcreteComponentDescriptor<ReactNavigationCornerInsetViewShadowNode> {
+  using ConcreteComponentDescriptor::ConcreteComponentDescriptor;
+
+  void adopt(ShadowNode &shadowNode) const override {
+    auto &concreteShadowNode =
+        static_cast<ReactNavigationCornerInsetViewShadowNode &>(shadowNode);
+    concreteShadowNode.adjustLayoutWithState();
+
+    ConcreteComponentDescriptor::adopt(shadowNode);
+  }
+};
+
+} // namespace react
+} // namespace facebook

package/ios/ReactNavigationCornerInsetViewShadowNode.h

@@ -0,0 +1,27 @@
+#pragma once
+
+#include <jsi/jsi.h>
+#include <react/renderer/components/ReactNavigationSpec/EventEmitters.h>
+#include <react/renderer/components/ReactNavigationSpec/Props.h>
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+#include "ReactNavigationCornerInsetViewState.h"
+
+namespace facebook {
+namespace react {
+
+JSI_EXPORT extern const char ReactNavigationCornerInsetViewComponentName[];
+
+class JSI_EXPORT ReactNavigationCornerInsetViewShadowNode final
+    : public ConcreteViewShadowNode<
+          ReactNavigationCornerInsetViewComponentName,
+          ReactNavigationCornerInsetViewProps,
+          ViewEventEmitter,
+          ReactNavigationCornerInsetViewState> {
+  using ConcreteViewShadowNode::ConcreteViewShadowNode;
+
+ public:
+  void adjustLayoutWithState();
+};
+
+} // namespace react
+} // namespace facebook

package/ios/ReactNavigationCornerInsetViewShadowNode.mm

@@ -0,0 +1,42 @@
+#include "ReactNavigationCornerInsetViewShadowNode.h"
+
+#include <react/renderer/core/LayoutContext.h>
+#include <yoga/Yoga.h>
+
+namespace facebook {
+namespace react {
+
+using namespace yoga;
+
+extern const char ReactNavigationCornerInsetViewComponentName[] =
+    "ReactNavigationCornerInsetView";
+
+void ReactNavigationCornerInsetViewShadowNode::adjustLayoutWithState() {
+  ensureUnsealed();
+
+  const auto &props = getConcreteProps();
+  auto state =
+      std::static_pointer_cast<const ReactNavigationCornerInsetViewShadowNode::ConcreteState>(
+          getState());
+  auto stateData = state->getData();
+
+  Float cornerInset = stateData.cornerInset;
+
+  Dimension dimension = props.edge == ReactNavigationCornerInsetViewEdge::Left ||
+                        props.edge == ReactNavigationCornerInsetViewEdge::Right
+      ? Dimension::Width
+      : Dimension::Height;
+
+  auto newLength = StyleSizeLength::points(cornerInset);
+  auto currentLength = yogaNode_.style().dimension(dimension);
+
+  if (currentLength != newLength) {
+    yoga::Style style = yogaNode_.style();
+    style.setDimension(dimension, newLength);
+    yogaNode_.setStyle(style);
+    yogaNode_.setDirty(true);
+  }
+}
+
+} // namespace react
+} // namespace facebook

package/ios/ReactNavigationCornerInsetViewState.h

@@ -0,0 +1,19 @@
+#pragma once
+
+#include <react/renderer/graphics/Float.h>
+
+namespace facebook {
+namespace react {
+
+class JSI_EXPORT ReactNavigationCornerInsetViewState final {
+ public:
+  using Shared = std::shared_ptr<const ReactNavigationCornerInsetViewState>;
+
+  ReactNavigationCornerInsetViewState() = default;
+  ReactNavigationCornerInsetViewState(Float value): cornerInset(value) {}
+
+  Float cornerInset{0};
+};
+
+} // namespace react
+} // namespace facebook

package/lib/module/ServerContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ServerContext","createContext","undefined"],"sourceRoot":"../../src","sources":["ServerContext.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAS9B,OAAO,MAAMC,aAAa,gBAAGD,KAAK,CAACE,aAAa,CAC9CC,SACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ServerContext","createContext","undefined"],"sourceRoot":"../../src","sources":["ServerContext.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAW9B,OAAO,MAAMC,aAAa,gBAAGD,KAAK,CAACE,aAAa,CAC9CC,SACF,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -4,6 +4,7 @@ export { createStaticNavigation } from "./createStaticNavigation.js";
 export { Link } from "./Link.js";
 export { LinkingContext } from "./LinkingContext.js";
 export { LocaleDirContext } from "./LocaleDirContext.js";
+export { CornerInset as UNSTABLE_CornerInset } from './native/CornerInset';
 export { MaterialSymbol } from './native/MaterialSymbol';
 export { SFSymbol } from './native/SFSymbol';
 export { NavigationContainer } from "./NavigationContainer.js";

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["createStaticNavigation","Link","LinkingContext","LocaleDirContext","MaterialSymbol","SFSymbol","NavigationContainer","ServerContainer","DarkTheme","LightTheme","DefaultTheme","MaterialDarkTheme","MaterialLightTheme","useLinkBuilder","useLinkProps","useLinkTo","useLocale","useRoutePath","useScrollToTop"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,sBAAsB,QAAQ,6BAA0B;AACjE,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SACEC,cAAc,QAET,yBAAyB;AAChC,SAASC,QAAQ,QAA4B,mBAAmB;AAChE,SAASC,mBAAmB,QAAQ,0BAAuB;AAC3D,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,SAAS,QAAQ,wBAAqB;AAC/C,SAASC,UAAU,IAAIC,YAAY,QAAQ,yBAAsB;AACjE,SAASC,iBAAiB,EAAEC,kBAAkB,QAAQ,yBAAyB;AAC/E,cAAc,YAAS;AACvB,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAAyBC,YAAY,QAAQ,mBAAgB;AAC7D,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,cAAc,QAAQ,qBAAkB;AACjD,cAAc,wBAAwB","ignoreList":[]}
+{"version":3,"names":["createStaticNavigation","Link","LinkingContext","LocaleDirContext","CornerInset","UNSTABLE_CornerInset","MaterialSymbol","SFSymbol","NavigationContainer","ServerContainer","DarkTheme","LightTheme","DefaultTheme","MaterialDarkTheme","MaterialLightTheme","useLinkBuilder","useLinkProps","useLinkTo","useLocale","useRoutePath","useScrollToTop"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,sBAAsB,QAAQ,6BAA0B;AACjE,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SAGEC,WAAW,IAAIC,oBAAoB,QAC9B,sBAAsB;AAC7B,SACEC,cAAc,QAET,yBAAyB;AAChC,SAASC,QAAQ,QAA4B,mBAAmB;AAChE,SAASC,mBAAmB,QAAQ,0BAAuB;AAC3D,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,SAAS,QAAQ,wBAAqB;AAC/C,SAASC,UAAU,IAAIC,YAAY,QAAQ,yBAAsB;AACjE,SAASC,iBAAiB,EAAEC,kBAAkB,QAAQ,yBAAyB;AAC/E,cAAc,YAAS;AACvB,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAAyBC,YAAY,QAAQ,mBAAgB;AAC7D,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,cAAc,QAAQ,qBAAkB;AACjD,cAAc,wBAAwB","ignoreList":[]}

package/lib/module/native/CornerInset.ios.js

@@ -0,0 +1,61 @@
+"use strict";
+
+import { NavigationContainerRefContext } from '@react-navigation/core';
+import * as React from 'react';
+import { Dimensions } from 'react-native';
+
+// eslint-disable-next-line import-x/extensions
+
+import ReactNavigationCornerInsetViewNativeComponent, { Commands } from './ReactNavigationCornerInsetViewNativeComponent';
+import { jsx as _jsx } from "react/jsx-runtime";
+function CornerInsetIOS(props, ref) {
+  const root = React.use(NavigationContainerRefContext);
+  const nativeRef = React.useRef(null);
+  const relayout = React.useCallback(() => {
+    if (nativeRef.current) {
+      Commands.relayout(nativeRef.current);
+    }
+  }, []);
+  React.useEffect(() => {
+    if (root == null) {
+      return;
+    }
+    let animationFrameHandle = null;
+
+    // We freeze the corner insets after initial measurements
+    // This is to avoid the insets getting out of sync during transitions
+    // We trigger a relayout explicitly on window resize and transition end
+    const unsubscribeWindowResize = Dimensions.addEventListener('change', () => {
+      if (animationFrameHandle) {
+        cancelAnimationFrame(animationFrameHandle);
+      }
+
+      // When window is unmaximized, calling relayout immediately doesn't work
+      // So we delay it to the next frame as a workaround
+      animationFrameHandle = requestAnimationFrame(() => {
+        relayout();
+      });
+    });
+    const unsubscribeTransition = root.addListener('__unsafe_event__', e => {
+      if (e.data.type === 'transitionEnd') {
+        relayout();
+      }
+    });
+    return () => {
+      if (animationFrameHandle) {
+        cancelAnimationFrame(animationFrameHandle);
+      }
+      unsubscribeWindowResize.remove();
+      unsubscribeTransition();
+    };
+  }, [root, relayout]);
+  React.useImperativeHandle(ref, () => ({
+    relayout
+  }), [relayout]);
+  return /*#__PURE__*/_jsx(ReactNavigationCornerInsetViewNativeComponent, {
+    ...props,
+    ref: nativeRef
+  });
+}
+export const CornerInset = /*#__PURE__*/React.forwardRef(CornerInsetIOS);
+//# sourceMappingURL=CornerInset.ios.js.map

package/lib/module/native/CornerInset.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NavigationContainerRefContext","React","Dimensions","ReactNavigationCornerInsetViewNativeComponent","Commands","jsx","_jsx","CornerInsetIOS","props","ref","root","use","nativeRef","useRef","relayout","useCallback","current","useEffect","animationFrameHandle","unsubscribeWindowResize","addEventListener","cancelAnimationFrame","requestAnimationFrame","unsubscribeTransition","addListener","e","data","type","remove","useImperativeHandle","CornerInset","forwardRef"],"sourceRoot":"../../../src","sources":["native/CornerInset.ios.tsx"],"mappings":";;AAAA,SAASA,6BAA6B,QAAQ,wBAAwB;AACtE,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;;AAEzC;;AAEA,OAAOC,6CAA6C,IAClDC,QAAQ,QACH,iDAAiD;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEzD,SAASC,cAAcA,CACrBC,KAAuB,EACvBC,GAA8B,EAC9B;EACA,MAAMC,IAAI,GAAGT,KAAK,CAACU,GAAG,CAACX,6BAA6B,CAAC;EAErD,MAAMY,SAAS,GACbX,KAAK,CAACY,MAAM,CAEV,IAAI,CAAC;EAET,MAAMC,QAAQ,GAAGb,KAAK,CAACc,WAAW,CAAC,MAAM;IACvC,IAAIH,SAAS,CAACI,OAAO,EAAE;MACrBZ,QAAQ,CAACU,QAAQ,CAACF,SAAS,CAACI,OAAO,CAAC;IACtC;EACF,CAAC,EAAE,EAAE,CAAC;EAENf,KAAK,CAACgB,SAAS,CAAC,MAAM;IACpB,IAAIP,IAAI,IAAI,IAAI,EAAE;MAChB;IACF;IAEA,IAAIQ,oBAAmC,GAAG,IAAI;;IAE9C;IACA;IACA;IACA,MAAMC,uBAAuB,GAAGjB,UAAU,CAACkB,gBAAgB,CACzD,QAAQ,EACR,MAAM;MACJ,IAAIF,oBAAoB,EAAE;QACxBG,oBAAoB,CAACH,oBAAoB,CAAC;MAC5C;;MAEA;MACA;MACAA,oBAAoB,GAAGI,qBAAqB,CAAC,MAAM;QACjDR,QAAQ,CAAC,CAAC;MACZ,CAAC,CAAC;IACJ,CACF,CAAC;IAED,MAAMS,qBAAqB,GAAGb,IAAI,CAACc,WAAW,CAAC,kBAAkB,EAAGC,CAAC,IAAK;MACxE,IAAIA,CAAC,CAACC,IAAI,CAACC,IAAI,KAAK,eAAe,EAAE;QACnCb,QAAQ,CAAC,CAAC;MACZ;IACF,CAAC,CAAC;IAEF,OAAO,MAAM;MACX,IAAII,oBAAoB,EAAE;QACxBG,oBAAoB,CAACH,oBAAoB,CAAC;MAC5C;MAEAC,uBAAuB,CAACS,MAAM,CAAC,CAAC;MAChCL,qBAAqB,CAAC,CAAC;IACzB,CAAC;EACH,CAAC,EAAE,CAACb,IAAI,EAAEI,QAAQ,CAAC,CAAC;EAEpBb,KAAK,CAAC4B,mBAAmB,CACvBpB,GAAG,EACH,OAAO;IACLK;EACF,CAAC,CAAC,EACF,CAACA,QAAQ,CACX,CAAC;EAED,oBACER,IAAA,CAACH,6CAA6C;IAAA,GAAKK,KAAK;IAAEC,GAAG,EAAEG;EAAU,CAAE,CAAC;AAEhF;AAEA,OAAO,MAAMkB,WAAW,gBAAG7B,KAAK,CAAC8B,UAAU,CAACxB,cAAc,CAAC","ignoreList":[]}

package/lib/module/native/CornerInset.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import * as React from 'react';
+import { View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+function CornerInsetBase(props, ref) {
+  React.useImperativeHandle(ref, () => ({
+    relayout() {}
+  }), []);
+  return /*#__PURE__*/_jsx(View, {
+    ...props
+  });
+}
+export const CornerInset = /*#__PURE__*/React.forwardRef(CornerInsetBase);
+//# sourceMappingURL=CornerInset.js.map

package/lib/module/native/CornerInset.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","jsx","_jsx","CornerInsetBase","props","ref","useImperativeHandle","relayout","CornerInset","forwardRef"],"sourceRoot":"../../../src","sources":["native/CornerInset.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAwBpC,SAASC,eAAeA,CACtBC,KAAuB,EACvBC,GAA8B,EAC9B;EACAN,KAAK,CAACO,mBAAmB,CACvBD,GAAG,EACH,OAAO;IACLE,QAAQA,CAAA,EAAG,CAAC;EACd,CAAC,CAAC,EACF,EACF,CAAC;EAED,oBAAOL,IAAA,CAACF,IAAI;IAAA,GAAKI;EAAK,CAAG,CAAC;AAC5B;AAEA,OAAO,MAAMI,WAAW,gBAAGT,KAAK,CAACU,UAAU,CAACN,eAAe,CAAC","ignoreList":[]}

package/lib/module/native/ReactNavigationCornerInsetViewNativeComponent.ts

@@ -0,0 +1,32 @@
+/* eslint-disable import-x/no-default-export */
+import * as React from 'react';
+import {
+  codegenNativeCommands,
+  codegenNativeComponent,
+  CodegenTypes,
+  type HostComponent,
+  type ViewProps,
+} from 'react-native';
+
+export interface NativeProps extends ViewProps {
+  direction?: CodegenTypes.WithDefault<'vertical' | 'horizontal', 'vertical'>;
+  edge?: CodegenTypes.WithDefault<'top' | 'right' | 'bottom' | 'left', 'top'>;
+  adaptive?: CodegenTypes.WithDefault<boolean, true>;
+}
+
+interface NativeCommands {
+  // FIXME: codegen fails with ComponentRef
+  // so we currently use the deprecated ElementRef
+  relayout(viewRef: React.ElementRef<HostComponent<NativeProps>>): void;
+}
+
+export const Commands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['relayout'],
+});
+
+export default codegenNativeComponent<NativeProps>(
+  'ReactNavigationCornerInsetView',
+  {
+    interfaceOnly: true,
+  }
+) as HostComponent<NativeProps>;

package/lib/module/useLinkBuilder.js.map

@@ -1 +1 @@
-{"version":3,"names":["CommonActions","findFocusedRoute","getActionFromState","getPathFromState","NavigationHelpersContext","NavigationRouteContext","useStateForPath","React","getStateFromHref","LinkingContext","useBuildHref","navigation","useContext","route","options","focusedRouteState","getPathFromStateHelper","buildHref","useCallback","name","params","enabled","undefined","isScreen","key","getState","routes","some","r","stateForRoute","constructState","state","path","config","useBuildAction","getActionFromStateHelper","buildAction","href","action","reset","Error","useLinkBuilder"],"sourceRoot":"../../src","sources":["useLinkBuilder.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["CommonActions","findFocusedRoute","getActionFromState","getPathFromState","NavigationHelpersContext","NavigationRouteContext","useStateForPath","React","getStateFromHref","LinkingContext","useBuildHref","navigation","useContext","route","options","focusedRouteState","getPathFromStateHelper","buildHref","useCallback","name","params","enabled","undefined","isScreen","key","getState","routes","some","r","stateForRoute","constructState","state","path","config","useBuildAction","getActionFromStateHelper","buildAction","href","action","reset","Error","useLinkBuilder"],"sourceRoot":"../../src","sources":["useLinkBuilder.tsx"],"mappings":"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","ignoreList":[]}