react-native-screens 3.32.0 → 3.33.0

package/react-native.config.js

@@ -11,20 +11,22 @@ try {
 module.exports = {
   dependency: {
     platforms: {
-      android: supportsCodegenConfig ? {
-        componentDescriptors: [
-          "RNSFullWindowOverlayComponentDescriptor",
-          "RNSScreenContainerComponentDescriptor",
-          "RNSScreenNavigationContainerComponentDescriptor",
-          "RNSScreenStackHeaderConfigComponentDescriptor",
-          "RNSScreenStackHeaderSubviewComponentDescriptor",
-          "RNSScreenStackComponentDescriptor",
-          "RNSSearchBarComponentDescriptor",
-          'RNSScreenComponentDescriptor',
-          'RNSModalScreenComponentDescriptor'
-        ],
-        cmakeListsPath: "../android/src/main/jni/CMakeLists.txt"
-      } : {},
+      android: supportsCodegenConfig
+        ? {
+            componentDescriptors: [
+              'RNSFullWindowOverlayComponentDescriptor',
+              'RNSScreenContainerComponentDescriptor',
+              'RNSScreenNavigationContainerComponentDescriptor',
+              'RNSScreenStackHeaderConfigComponentDescriptor',
+              'RNSScreenStackHeaderSubviewComponentDescriptor',
+              'RNSScreenStackComponentDescriptor',
+              'RNSSearchBarComponentDescriptor',
+              'RNSScreenComponentDescriptor',
+              'RNSModalScreenComponentDescriptor',
+            ],
+            cmakeListsPath: '../android/src/main/jni/CMakeLists.txt',
+          }
+        : {},
     },
   },
-}
+};

package/src/TransitionProgressContext.tsx

@@ -8,5 +8,5 @@ type TransitionProgressContextBody = {
 };
 
 export default React.createContext<TransitionProgressContextBody | undefined>(
-  undefined
+  undefined,
 );

package/src/components/Screen.tsx

@@ -19,7 +19,7 @@ export const NativeScreen: React.ComponentType<ScreenProps> =
   ScreenNativeComponent as React.ComponentType<ScreenProps>;
 const AnimatedNativeScreen = Animated.createAnimatedComponent(NativeScreen);
 const AnimatedNativeModalScreen = Animated.createAnimatedComponent(
-  ModalScreenNativeComponent as React.ComponentType<ScreenProps>
+  ModalScreenNativeComponent as React.ComponentType<ScreenProps>,
 );
 
 // Incomplete type, all accessible properties available at:
@@ -98,7 +98,7 @@ export const InnerScreen = React.forwardRef<View, ScreenProps>(
 
       if (active !== undefined && activityState === undefined) {
         console.warn(
-          'It appears that you are using old version of react-navigation library. Please update @react-navigation/bottom-tabs, @react-navigation/stack and @react-navigation/drawer to version 5.10.0 or above to take full advantage of new functionality added to react-native-screens'
+          'It appears that you are using old version of react-navigation library. Please update @react-navigation/bottom-tabs, @react-navigation/stack and @react-navigation/drawer to version 5.10.0 or above to take full advantage of new functionality added to react-native-screens',
         );
         activityState = active !== 0 ? 2 : 0; // in the new version, we need one of the screens to have value of 2 after the transition
       }
@@ -151,7 +151,7 @@ export const InnerScreen = React.forwardRef<View, ScreenProps>(
                         },
                       },
                     ],
-                    { useNativeDriver: true }
+                    { useNativeDriver: true },
                   )
             }
             onGestureCancel={
@@ -197,7 +197,7 @@ export const InnerScreen = React.forwardRef<View, ScreenProps>(
         />
       );
     }
-  }
+  },
 );
 
 // context to be used when the user wants to use enhanced implementation

package/src/components/ScreenStack.tsx

@@ -7,6 +7,10 @@ import ScreenStackNativeComponent from '../fabric/ScreenStackNativeComponent';
 const NativeScreenStack: React.ComponentType<ScreenStackProps> =
   ScreenStackNativeComponent as any;
 
+function isFabric() {
+  return 'nativeFabricUIManager' in global;
+}
+
 function ScreenStack(props: ScreenStackProps) {
   const { children, gestureDetectorBridge, ...rest } = props;
   const ref = React.useRef(null);
@@ -19,8 +23,14 @@ function ScreenStack(props: ScreenStackProps) {
     const isFreezeEnabled =
       descriptor?.options?.freezeOnBlur ?? freezeEnabled();
 
+    // On Fabric, when screen is frozen, animated and reanimated values are not updated
+    // due to component being unmounted. To avoid this, we don't freeze the previous screen there
+    const freezePreviousScreen = isFabric()
+      ? size - index > 2
+      : size - index > 1;
+
     return (
-      <DelayedFreeze freeze={isFreezeEnabled && size - index > 1}>
+      <DelayedFreeze freeze={isFreezeEnabled && freezePreviousScreen}>
         {child}
       </DelayedFreeze>
     );

package/src/components/ScreenStackHeaderConfig.tsx

@@ -17,7 +17,7 @@ export const ScreenStackHeaderSubview: React.ComponentType<
 > = ScreenStackHeaderSubviewNativeComponent as any;
 
 export const ScreenStackHeaderBackButtonImage = (
-  props: ImageProps
+  props: ImageProps,
 ): JSX.Element => (
   <ScreenStackHeaderSubview type="back" style={styles.headerSubview}>
     <Image resizeMode="center" fadeDuration={0} {...props} />
@@ -25,7 +25,7 @@ export const ScreenStackHeaderBackButtonImage = (
 );
 
 export const ScreenStackHeaderRightView = (
-  props: React.PropsWithChildren<ViewProps>
+  props: React.PropsWithChildren<ViewProps>,
 ): JSX.Element => (
   <ScreenStackHeaderSubview
     {...props}
@@ -35,7 +35,7 @@ export const ScreenStackHeaderRightView = (
 );
 
 export const ScreenStackHeaderLeftView = (
-  props: React.PropsWithChildren<ViewProps>
+  props: React.PropsWithChildren<ViewProps>,
 ): JSX.Element => (
   <ScreenStackHeaderSubview
     {...props}
@@ -45,7 +45,7 @@ export const ScreenStackHeaderLeftView = (
 );
 
 export const ScreenStackHeaderCenterView = (
-  props: React.PropsWithChildren<ViewProps>
+  props: React.PropsWithChildren<ViewProps>,
 ): JSX.Element => (
   <ScreenStackHeaderSubview
     {...props}
@@ -55,7 +55,7 @@ export const ScreenStackHeaderCenterView = (
 );
 
 export const ScreenStackHeaderSearchBarView = (
-  props: React.PropsWithChildren<SearchBarProps>
+  props: React.PropsWithChildren<SearchBarProps>,
 ): JSX.Element => (
   <ScreenStackHeaderSubview
     {...props}

package/src/components/ScreenStackHeaderConfig.web.tsx

@@ -7,7 +7,7 @@ import {
 } from 'react-native-screens';
 
 export const ScreenStackHeaderBackButtonImage = (
-  props: ImageProps
+  props: ImageProps,
 ): JSX.Element => (
   <View>
     <Image resizeMode="center" fadeDuration={0} {...props} />
@@ -15,23 +15,23 @@ export const ScreenStackHeaderBackButtonImage = (
 );
 
 export const ScreenStackHeaderRightView = (
-  props: React.PropsWithChildren<ViewProps>
+  props: React.PropsWithChildren<ViewProps>,
 ): JSX.Element => <View {...props} />;
 
 export const ScreenStackHeaderLeftView = (
-  props: React.PropsWithChildren<ViewProps>
+  props: React.PropsWithChildren<ViewProps>,
 ): JSX.Element => <View {...props} />;
 
 export const ScreenStackHeaderCenterView = (
-  props: React.PropsWithChildren<ViewProps>
+  props: React.PropsWithChildren<ViewProps>,
 ): JSX.Element => <View {...props} />;
 
 export const ScreenStackHeaderSearchBarView = (
-  props: React.PropsWithChildren<Omit<SearchBarProps, 'ref'>>
+  props: React.PropsWithChildren<Omit<SearchBarProps, 'ref'>>,
 ): JSX.Element => <View {...props} />;
 
 export const ScreenStackHeaderConfig = (
-  props: React.PropsWithChildren<ScreenStackHeaderConfigProps>
+  props: React.PropsWithChildren<ScreenStackHeaderConfigProps>,
 ): JSX.Element => <View {...props} />;
 
 export const ScreenStackHeaderSubview: React.ComponentType<

package/src/components/SearchBar.tsx

@@ -48,7 +48,7 @@ function SearchBar(props: SearchBarProps, ref: React.Ref<SearchBarCommands>) {
     },
     toggleCancelButton: (flag: boolean) => {
       _callMethodWithRef(ref =>
-        NativeSearchBarCommands.toggleCancelButton(ref, flag)
+        NativeSearchBarCommands.toggleCancelButton(ref, flag),
       );
     },
     clearText: () => {
@@ -69,16 +69,16 @@ function SearchBar(props: SearchBarProps, ref: React.Ref<SearchBarCommands>) {
         method(ref);
       } else {
         console.warn(
-          'Reference to native search bar component has not been updated yet'
+          'Reference to native search bar component has not been updated yet',
         );
       }
     },
-    [searchBarRef]
+    [searchBarRef],
   );
 
   if (!isSearchBarAvailableForCurrentPlatform) {
     console.warn(
-      'Importing SearchBar is only valid on iOS and Android devices.'
+      'Importing SearchBar is only valid on iOS and Android devices.',
     );
     return View as unknown as React.ReactNode;
   }

package/src/core.ts

@@ -19,7 +19,7 @@ export function enableScreens(shouldEnableScreens = true) {
 
   if (ENABLE_SCREENS && !UIManager.getViewManagerConfig('RNSScreen')) {
     console.error(
-      `Screen native module hasn't been linked. Please check the react-native-screens README for more details`
+      `Screen native module hasn't been linked. Please check the react-native-screens README for more details`,
     );
   }
 }

package/src/fabric/ModalScreenNativeComponent.ts

@@ -77,6 +77,7 @@ export interface NativeProps extends ViewProps {
   sheetExpandsWhenScrolledToEdge?: WithDefault<boolean, false>;
   customAnimationOnSwipe?: boolean;
   fullScreenSwipeEnabled?: boolean;
+  fullScreenSwipeShadowEnabled?: boolean;
   homeIndicatorHidden?: boolean;
   preventNativeDismiss?: boolean;
   gestureEnabled?: WithDefault<boolean, true>;

package/src/fabric/ScreenNativeComponent.ts

@@ -77,6 +77,7 @@ export interface NativeProps extends ViewProps {
   sheetExpandsWhenScrolledToEdge?: WithDefault<boolean, false>;
   customAnimationOnSwipe?: boolean;
   fullScreenSwipeEnabled?: boolean;
+  fullScreenSwipeShadowEnabled?: boolean;
   homeIndicatorHidden?: boolean;
   preventNativeDismiss?: boolean;
   gestureEnabled?: WithDefault<boolean, true>;

package/src/fabric/ScreenNavigationContainerNativeComponent.ts

@@ -5,5 +5,5 @@ interface NativeProps extends ViewProps {}
 
 export default codegenNativeComponent<NativeProps>(
   'RNSScreenNavigationContainer',
-  {}
+  {},
 );

package/src/fabric/ScreenStackHeaderConfigNativeComponent.ts

@@ -50,5 +50,5 @@ export interface NativeProps extends ViewProps {
 
 export default codegenNativeComponent<NativeProps>(
   'RNSScreenStackHeaderConfig',
-  {}
+  {},
 );

package/src/fabric/ScreenStackHeaderSubviewNativeComponent.ts

@@ -16,5 +16,5 @@ export interface NativeProps extends ViewProps {
 
 export default codegenNativeComponent<NativeProps>(
   'RNSScreenStackHeaderSubview',
-  {}
+  {},
 );

package/src/fabric/SearchBarNativeComponent.ts

@@ -58,7 +58,7 @@ interface NativeCommands {
   clearText: (viewRef: React.ElementRef<ComponentType>) => void;
   toggleCancelButton: (
     viewRef: React.ElementRef<ComponentType>,
-    flag: boolean
+    flag: boolean,
   ) => void;
   setText: (viewRef: React.ElementRef<ComponentType>, text: string) => void;
   cancelSearch: (viewRef: React.ElementRef<ComponentType>) => void;

package/src/gesture-handler/ScreenGestureDetector.tsx

@@ -40,7 +40,7 @@ const ScreenGestureDetector = ({
   const canPerformUpdates = makeMutable(false);
   const transitionAnimation = getAnimationForTransition(
     goBackGesture,
-    customTransitionAnimation
+    customTransitionAnimation,
   );
   const screenTransitionConfig = makeMutable({
     stackTag: -1,
@@ -90,7 +90,7 @@ const ScreenGestureDetector = ({
   }, [currentRouteKey]);
 
   function computeProgress(
-    event: GestureUpdateEvent<PanGestureHandlerEventPayload>
+    event: GestureUpdateEvent<PanGestureHandlerEventPayload>,
   ) {
     'worklet';
     let progress = 0;
@@ -114,10 +114,10 @@ const ScreenGestureDetector = ({
       progress = Math.abs(event.translationY / screenDimensions.height / 2);
     } else if (goBackGesture === 'twoDimensionalSwipe') {
       const progressX = Math.abs(
-        event.translationX / screenDimensions.width / 2
+        event.translationX / screenDimensions.width / 2,
       );
       const progressY = Math.abs(
-        event.translationY / screenDimensions.height / 2
+        event.translationY / screenDimensions.height / 2,
       );
       progress = Math.max(progressX, progressY);
     }
@@ -194,7 +194,7 @@ const ScreenGestureDetector = ({
       distanceX,
       requiredXDistance,
       distanceY,
-      requiredYDistance
+      requiredYDistance,
     );
     const stackTag = screenTransitionConfig.value.stackTag;
     screenTransitionConfig.value.onFinishAnimation = () => {

package/src/gesture-handler/constraints.ts

@@ -19,14 +19,14 @@ const SupportedGestures = [
 
 export function getAnimationForTransition(
   goBackGesture: GoBackGesture | undefined,
-  customTransitionAnimation: AnimatedScreenTransition | undefined
+  customTransitionAnimation: AnimatedScreenTransition | undefined,
 ) {
   let transitionAnimation = ScreenTransition.SwipeRight;
   if (customTransitionAnimation) {
     transitionAnimation = customTransitionAnimation;
     if (!goBackGesture) {
       throw new Error(
-        '[RNScreens] You have to specify `goBackGesture` when using `transitionAnimation`.'
+        '[RNScreens] You have to specify `goBackGesture` when using `transitionAnimation`.',
       );
     }
   } else {
@@ -34,7 +34,7 @@ export function getAnimationForTransition(
       transitionAnimation = AnimationForGesture[goBackGesture];
     } else if (goBackGesture !== undefined) {
       throw new Error(
-        `[RNScreens] Unknown goBackGesture parameter has been specified: ${goBackGesture}.`
+        `[RNScreens] Unknown goBackGesture parameter has been specified: ${goBackGesture}.`,
       );
     }
   }
@@ -43,7 +43,7 @@ export function getAnimationForTransition(
 
 export function checkBoundaries(
   goBackGesture: string | undefined,
-  event: GestureUpdateEvent<PanGestureHandlerEventPayload>
+  event: GestureUpdateEvent<PanGestureHandlerEventPayload>,
 ) {
   'worklet';
   if (goBackGesture === 'swipeRight' && event.translationX < 0) {
@@ -62,7 +62,7 @@ export function checkIfTransitionCancelled(
   distanceX: number,
   requiredXDistance: number,
   distanceY: number,
-  requiredYDistance: number
+  requiredYDistance: number,
 ) {
   'worklet';
   let isTransitionCanceled = false;

package/src/gesture-handler/fabricUtils.ts

@@ -29,7 +29,7 @@ if (isFabric()) {
 }
 
 export function getShadowNodeWrapperAndTagFromRef(
-  ref: React.Ref<NativeStackNavigatorProps> | React.Component
+  ref: React.Ref<NativeStackNavigatorProps> | React.Component,
 ) {
   const hostInstance = findHostInstance(ref as React.Component);
   return {

package/src/native-stack/contexts/GHContext.tsx

@@ -3,5 +3,5 @@ import { GestureProviderProps } from '../types';
 
 // context to be used when the user wants full screen swipe (see `gesture-handler` folder in repo)
 export const GHContext = React.createContext(
-  (props: PropsWithChildren<GestureProviderProps>) => <>{props.children}</>
+  (props: PropsWithChildren<GestureProviderProps>) => <>{props.children}</>,
 );

package/src/native-stack/navigators/createNativeStackNavigator.tsx

@@ -41,7 +41,7 @@ function NativeStackNavigator({
     // @ts-ignore navigation.dangerouslyGetParent was removed in v6
     if (navigation?.dangerouslyGetParent === undefined) {
       console.warn(
-        'Looks like you are importing `native-stack` from `react-native-screens/native-stack`. Since version 6 of `react-navigation`, it should be imported from `@react-navigation/native-stack`.'
+        'Looks like you are importing `native-stack` from `react-native-screens/native-stack`. Since version 6 of `react-navigation`, it should be imported from `@react-navigation/native-stack`.',
       );
     }
   }, [navigation]);
@@ -70,9 +70,9 @@ function NativeStackNavigator({
               });
             }
           });
-        }
+        },
       ),
-    [navigation, state.index, state.key]
+    [navigation, state.index, state.key],
   );
 
   return (

package/src/native-stack/types.tsx

@@ -56,7 +56,7 @@ export type NativeStackNavigationEventMap = {
 
 export type NativeStackNavigationProp<
   ParamList extends ParamListBase,
-  RouteName extends keyof ParamList = string
+  RouteName extends keyof ParamList = string,
 > = NavigationProp<
   ParamList,
   RouteName,
@@ -68,7 +68,7 @@ export type NativeStackNavigationProp<
 
 export type NativeStackScreenProps<
   ParamList extends ParamListBase,
-  RouteName extends keyof ParamList = string
+  RouteName extends keyof ParamList = string,
 > = {
   navigation: NativeStackNavigationProp<ParamList, RouteName>;
   route: RouteProp<ParamList, RouteName>;
@@ -134,6 +134,16 @@ export type NativeStackNavigationOptions = {
    * @platform ios
    */
   fullScreenSwipeEnabled?: boolean;
+  /**
+   * Whether the full screen dismiss gesture has shadow under view during transition. The gesture uses custom transition and thus
+   * doesn't have a shadow by default. When enabled, a custom shadow view is added during the transition which tries to mimic the
+   * default iOS shadow. Defaults to `false`.
+   *
+   * This does not affect the behavior of transitions that don't use gestures, enabled by `fullScreenGestureEnabled` prop.
+   *
+   * @platform ios
+   */
+  fullScreenSwipeShadowEnabled?: boolean;
   /**
    * Whether you can use gestures to dismiss this screen. Defaults to `true`.
    * Only supported on iOS.
@@ -524,11 +534,11 @@ export interface MeasuredDimensions {
 export type AnimatedScreenTransition = {
   topScreenStyle: (
     event: PanGestureHandlerEventPayload,
-    screenSize: MeasuredDimensions
+    screenSize: MeasuredDimensions,
   ) => Record<string, unknown>;
   belowTopScreenStyle: (
     event: PanGestureHandlerEventPayload,
-    screenSize: MeasuredDimensions
+    screenSize: MeasuredDimensions,
   ) => Record<string, unknown>;
 };
 

package/src/native-stack/utils/getDefaultHeaderHeight.tsx

@@ -8,7 +8,7 @@ export default function getDefaultHeaderHeight(
   layout: Layout,
   statusBarHeight: number,
   stackPresentation: StackPresentationTypes,
-  isLargeHeader = false
+  isLargeHeader = false,
 ): number {
   // default header heights
   let headerHeight = Platform.OS === 'android' ? 56 : 64;

package/src/native-stack/utils/getStatusBarHeight.tsx

@@ -4,7 +4,7 @@ import { Platform } from 'react-native';
 export default function getStatusBarHeight(
   topInset: number,
   dimensions: Rect,
-  isStatusBarTranslucent: boolean
+  isStatusBarTranslucent: boolean,
 ) {
   if (Platform.OS === 'ios') {
     // It looks like some iOS devices don't have strictly set status bar height to 44.

package/src/native-stack/utils/useAnimatedHeaderHeight.tsx

@@ -7,7 +7,7 @@ export default function useAnimatedHeaderHeight() {
 
   if (animatedValue === undefined) {
     throw new Error(
-      "Couldn't find the header height. Are you inside a screen in a navigator with a header?"
+      "Couldn't find the header height. Are you inside a screen in a navigator with a header?",
     );
   }
 

package/src/native-stack/utils/useBackPressSubscription.tsx

@@ -35,7 +35,7 @@ export function useBackPressSubscription({
       subscription.current?.remove();
       subscription.current = BackHandler.addEventListener(
         'hardwareBackPress',
-        onBackPress
+        onBackPress,
       );
       setIsActive(true);
     }

package/src/native-stack/utils/useHeaderHeight.tsx

@@ -7,7 +7,7 @@ export default function useHeaderHeight() {
 
   if (height === undefined) {
     throw new Error(
-      "Couldn't find the header height. Are you inside a screen in a navigator with a header?"
+      "Couldn't find the header height. Are you inside a screen in a navigator with a header?",
     );
   }
 

package/src/native-stack/views/FontProcessor.tsx

@@ -3,7 +3,7 @@
 import ReactNativeStyleAttributes from 'react-native/Libraries/Components/View/ReactNativeStyleAttributes';
 
 export function processFonts(
-  fontFamilies: (string | undefined)[]
+  fontFamilies: (string | undefined)[],
 ): (string | undefined)[] {
   // @ts-ignore: React Native types are incorrect here and don't consider fontFamily a style value
   const fontFamilyProcessor = ReactNativeStyleAttributes.fontFamily?.process;

package/src/native-stack/views/HeaderConfig.tsx

@@ -104,7 +104,7 @@ export default function HeaderConfig({
   warnOnce(
     isVisionOS &&
       (headerTitleStyle.color !== undefined || headerTintColor !== undefined),
-    'headerTitleStyle.color and headerTintColor are not supported on visionOS.'
+    'headerTitleStyle.color and headerTintColor are not supported on visionOS.',
   );
 
   return (

package/src/native-stack/views/NativeStackView.tsx

@@ -44,7 +44,7 @@ let Container = View;
 
 if (__DEV__) {
   const DebugContainer = (
-    props: ViewProps & { stackPresentation: StackPresentationTypes }
+    props: ViewProps & { stackPresentation: StackPresentationTypes },
   ) => {
     const { stackPresentation, ...rest } = props;
     if (Platform.OS === 'ios' && stackPresentation !== 'push') {
@@ -87,7 +87,7 @@ const MaybeNestedStack = ({
       !isAndroid &&
         stackPresentation !== 'push' &&
         headerShownPreviousRef.current !== headerShown,
-      `Dynamically changing 'headerShown' in modals will result in remounting the screen and losing all local state. See options for the screen '${route.name}'.`
+      `Dynamically changing 'headerShown' in modals will result in remounting the screen and losing all local state. See options for the screen '${route.name}'.`,
     );
 
     headerShownPreviousRef.current = headerShown;
@@ -119,7 +119,7 @@ const MaybeNestedStack = ({
   const statusBarHeight = getStatusBarHeight(
     topInset,
     dimensions,
-    isStatusBarTranslucent
+    isStatusBarTranslucent,
   );
 
   const hasLargeHeader = options.headerLargeTitle ?? false;
@@ -128,7 +128,7 @@ const MaybeNestedStack = ({
     dimensions,
     statusBarHeight,
     stackPresentation,
-    hasLargeHeader
+    hasLargeHeader,
   );
 
   if (isHeaderInModal) {
@@ -152,7 +152,7 @@ const MaybeNestedStack = ({
 
 type NavigationRoute<
   ParamList extends ParamListBase,
-  RouteName extends keyof ParamList
+  RouteName extends keyof ParamList,
 > = Route<Extract<RouteName, string>, ParamList[RouteName]> & {
   state?: NavigationState | PartialState<NavigationState>;
 };
@@ -174,6 +174,7 @@ const RouteView = ({
 }) => {
   const { options, render: renderScene } = descriptors[route.key];
   const {
+    fullScreenSwipeShadowEnabled = false,
     gestureEnabled,
     headerShown,
     hideKeyboardOnSwipe,
@@ -236,7 +237,7 @@ const RouteView = ({
   const statusBarHeight = getStatusBarHeight(
     topInset,
     dimensions,
-    isStatusBarTranslucent
+    isStatusBarTranslucent,
   );
 
   const hasLargeHeader = options.headerLargeTitle ?? false;
@@ -245,7 +246,7 @@ const RouteView = ({
     dimensions,
     statusBarHeight,
     stackPresentation,
-    hasLargeHeader
+    hasLargeHeader,
   );
 
   const parentHeaderHeight = React.useContext(HeaderHeightContext);
@@ -263,7 +264,7 @@ const RouteView = ({
   const animatedHeaderHeight = React.useRef(
     new Animated.Value(staticHeaderHeight, {
       useNativeDriver: true,
-    })
+    }),
   ).current;
 
   const Screen = React.useContext(ScreenContext);
@@ -294,6 +295,7 @@ const RouteView = ({
       customAnimationOnSwipe={customAnimationOnSwipe}
       freezeOnBlur={freezeOnBlur}
       fullScreenSwipeEnabled={fullScreenSwipeEnabled}
+      fullScreenSwipeShadowEnabled={fullScreenSwipeShadowEnabled}
       hideKeyboardOnSwipe={hideKeyboardOnSwipe}
       homeIndicatorHidden={homeIndicatorHidden}
       gestureEnabled={isAndroid ? false : gestureEnabled}
@@ -441,7 +443,7 @@ function NativeStackViewInner({
       goBackGesture !== undefined
     ) {
       console.warn(
-        'Cannot detect GestureDetectorProvider in a screen that uses `goBackGesture`. Make sure your navigator is wrapped in GestureDetectorProvider.'
+        'Cannot detect GestureDetectorProvider in a screen that uses `goBackGesture`. Make sure your navigator is wrapped in GestureDetectorProvider.',
       );
     }
   }, [ScreenGestureDetector.name, goBackGesture]);

package/src/reanimated/ReanimatedHeaderHeightContext.tsx

@@ -3,5 +3,5 @@ import * as React from 'react';
 import Animated from 'react-native-reanimated';
 
 export default React.createContext<Animated.SharedValue<number> | undefined>(
-  undefined
+  undefined,
 );