@react-navigation/native-stack 8.0.0-alpha.52 → 8.0.0-alpha.54

package/lib/module/navigators/createNativeStackNavigator.js

@@ -19,7 +19,7 @@ function NativeStackNavigator({
     state,
     descriptors,
     navigation,
-    NavigationContent
+    render
   } = useNavigationBuilder(StackRouter, {
     initialRouteName,
     routeNamesChangeBehavior,
@@ -63,14 +63,12 @@ function NativeStackNavigator({
       unsubscribe?.();
     };
   }, [meta, navigation]);
-  return /*#__PURE__*/_jsx(NavigationContent, {
-    children: /*#__PURE__*/_jsx(NativeStackView, {
-      ...rest,
-      state: state,
-      navigation: navigation,
-      descriptors: descriptors
-    })
-  });
+  return render(/*#__PURE__*/_jsx(NativeStackView, {
+    ...rest,
+    state: state,
+    navigation: navigation,
+    descriptors: descriptors
+  }));
 }
 export const createNativeStackNavigator = createNavigatorFactory(NativeStackNavigator);
 export const createNativeStackScreen = createScreenFactory();

package/lib/module/navigators/createNativeStackNavigator.js.map

@@ -1 +1 @@
-{"version":3,"names":["createNavigatorFactory","createScreenFactory","NavigationMetaContext","StackActions","StackRouter","useNavigationBuilder","React","NativeStackView","jsx","_jsx","NativeStackNavigator","initialRouteName","routeNamesChangeBehavior","children","layout","screenListeners","screenOptions","screenLayout","router","rest","state","descriptors","navigation","NavigationContent","meta","use","useEffect","type","handle","unsubscribe","addListener","e","isFocused","cancelAnimationFrame","requestAnimationFrame","currentState","getState","index","routes","history","length","defaultPrevented","dispatch","popToTop","target","key","createNativeStackNavigator","createNativeStackScreen"],"sourceRoot":"../../../src","sources":["navigators/createNativeStackNavigator.tsx"],"mappings":";;AAAA,SACEA,sBAAsB,EACtBC,mBAAmB,EAEnBC,qBAAqB,EAIrBC,YAAY,EAEZC,WAAW,EAEXC,oBAAoB,QACf,0BAA0B;AACjC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAO9B,SAASC,eAAe,QAAQ,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3D,SAASC,oBAAoBA,CAAC;EAC5BC,gBAAgB;EAChBC,wBAAwB;EACxBC,QAAQ;EACRC,MAAM;EACNC,eAAe;EACfC,aAAa;EACbC,YAAY;EACZC,MAAM;EACN,GAAGC;AACsB,CAAC,EAAE;EAC5B,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAkB,CAAC,GACzDlB,oBAAoB,CAMlBD,WAAW,EAAE;IACbO,gBAAgB;IAChBC,wBAAwB;IACxBC,QAAQ;IACRC,MAAM;IACNC,eAAe;IACfC,aAAa;IACbC,YAAY;IACZC;EACF,CAAC,CAAC;EAEJ,MAAMM,IAAI,GAAGlB,KAAK,CAACmB,GAAG,CAACvB,qBAAqB,CAAC;EAE7CI,KAAK,CAACoB,SAAS,CAAC,MAAM;IACpB,IAAIF,IAAI,IAAI,MAAM,IAAIA,IAAI,IAAIA,IAAI,CAACG,IAAI,KAAK,aAAa,EAAE;MACzD;MACA;MACA;IACF;IAEA,IAAIC,MAA4D;;IAEhE;IACA,MAAMC,WAAW,GAAGP,UAAU,CAACQ,WAAW,GAAG,UAAU,EAAGC,CAAC,IAAK;MAC9D,MAAMC,SAAS,GAAGV,UAAU,CAACU,SAAS,CAAC,CAAC;MAExCC,oBAAoB,CAACL,MAAM,CAAC;;MAE5B;MACA;MACAA,MAAM,GAAGM,qBAAqB,CAAC,MAAM;QACnC,MAAMC,YAAY,GAAGb,UAAU,CAACc,QAAQ,CAAC,CAAC;QAE1C,IACEJ,SAAS,KACRG,YAAY,CAACE,KAAK,GAAG,CAAC,IAAIF,YAAY,CAACG,MAAM,CAAC,CAAC,CAAC,EAAEC,OAAO,EAAEC,MAAM,CAAC,IACnE,CAAET,CAAC,CAAgCU,gBAAgB,EACnD;UACA;UACA;UACAnB,UAAU,CAACoB,QAAQ,CAAC;YAClB,GAAGvC,YAAY,CAACwC,QAAQ,CAAC,CAAC;YAC1BC,MAAM,EAAET,YAAY,CAACU;UACvB,CAAC,CAAC;QACJ;MACF,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,MAAM;MACXZ,oBAAoB,CAACL,MAAM,CAAC;MAC5BC,WAAW,GAAG,CAAC;IACjB,CAAC;EACH,CAAC,EAAE,CAACL,IAAI,EAAEF,UAAU,CAAC,CAAC;EAEtB,oBACEb,IAAA,CAACc,iBAAiB;IAAAV,QAAA,eAChBJ,IAAA,CAACF,eAAe;MAAA,GACVY,IAAI;MACRC,KAAK,EAAEA,KAAM;MACbE,UAAU,EAAEA,UAAW;MACvBD,WAAW,EAAEA;IAAY,CAC1B;EAAC,CACe,CAAC;AAExB;AAUA,OAAO,MAAMyB,0BAA0B,GACrC9C,sBAAsB,CAAqBU,oBAAoB,CAAC;AAElE,OAAO,MAAMqC,uBAAuB,GAClC9C,mBAAmB,CAAqB,CAAC","ignoreList":[]}
+{"version":3,"names":["createNavigatorFactory","createScreenFactory","NavigationMetaContext","StackActions","StackRouter","useNavigationBuilder","React","NativeStackView","jsx","_jsx","NativeStackNavigator","initialRouteName","routeNamesChangeBehavior","children","layout","screenListeners","screenOptions","screenLayout","router","rest","state","descriptors","navigation","render","meta","use","useEffect","type","handle","unsubscribe","addListener","e","isFocused","cancelAnimationFrame","requestAnimationFrame","currentState","getState","index","routes","history","length","defaultPrevented","dispatch","popToTop","target","key","createNativeStackNavigator","createNativeStackScreen"],"sourceRoot":"../../../src","sources":["navigators/createNativeStackNavigator.tsx"],"mappings":";;AAAA,SACEA,sBAAsB,EACtBC,mBAAmB,EAEnBC,qBAAqB,EAIrBC,YAAY,EAEZC,WAAW,EAEXC,oBAAoB,QACf,0BAA0B;AACjC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAO9B,SAASC,eAAe,QAAQ,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3D,SAASC,oBAAoBA,CAAC;EAC5BC,gBAAgB;EAChBC,wBAAwB;EACxBC,QAAQ;EACRC,MAAM;EACNC,eAAe;EACfC,aAAa;EACbC,YAAY;EACZC,MAAM;EACN,GAAGC;AACsB,CAAC,EAAE;EAC5B,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,UAAU;IAAEC;EAAO,CAAC,GAAGlB,oBAAoB,CAMrED,WAAW,EAAE;IACbO,gBAAgB;IAChBC,wBAAwB;IACxBC,QAAQ;IACRC,MAAM;IACNC,eAAe;IACfC,aAAa;IACbC,YAAY;IACZC;EACF,CAAC,CAAC;EAEF,MAAMM,IAAI,GAAGlB,KAAK,CAACmB,GAAG,CAACvB,qBAAqB,CAAC;EAE7CI,KAAK,CAACoB,SAAS,CAAC,MAAM;IACpB,IAAIF,IAAI,IAAI,MAAM,IAAIA,IAAI,IAAIA,IAAI,CAACG,IAAI,KAAK,aAAa,EAAE;MACzD;MACA;MACA;IACF;IAEA,IAAIC,MAA4D;;IAEhE;IACA,MAAMC,WAAW,GAAGP,UAAU,CAACQ,WAAW,GAAG,UAAU,EAAGC,CAAC,IAAK;MAC9D,MAAMC,SAAS,GAAGV,UAAU,CAACU,SAAS,CAAC,CAAC;MAExCC,oBAAoB,CAACL,MAAM,CAAC;;MAE5B;MACA;MACAA,MAAM,GAAGM,qBAAqB,CAAC,MAAM;QACnC,MAAMC,YAAY,GAAGb,UAAU,CAACc,QAAQ,CAAC,CAAC;QAE1C,IACEJ,SAAS,KACRG,YAAY,CAACE,KAAK,GAAG,CAAC,IAAIF,YAAY,CAACG,MAAM,CAAC,CAAC,CAAC,EAAEC,OAAO,EAAEC,MAAM,CAAC,IACnE,CAAET,CAAC,CAAgCU,gBAAgB,EACnD;UACA;UACA;UACAnB,UAAU,CAACoB,QAAQ,CAAC;YAClB,GAAGvC,YAAY,CAACwC,QAAQ,CAAC,CAAC;YAC1BC,MAAM,EAAET,YAAY,CAACU;UACvB,CAAC,CAAC;QACJ;MACF,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,MAAM;MACXZ,oBAAoB,CAACL,MAAM,CAAC;MAC5BC,WAAW,GAAG,CAAC;IACjB,CAAC;EACH,CAAC,EAAE,CAACL,IAAI,EAAEF,UAAU,CAAC,CAAC;EAEtB,OAAOC,MAAM,cACXd,IAAA,CAACF,eAAe;IAAA,GACVY,IAAI;IACRC,KAAK,EAAEA,KAAM;IACbE,UAAU,EAAEA,UAAW;IACvBD,WAAW,EAAEA;EAAY,CAC1B,CACH,CAAC;AACH;AAUA,OAAO,MAAMyB,0BAA0B,GACrC9C,sBAAsB,CAAqBU,oBAAoB,CAAC;AAElE,OAAO,MAAMqC,uBAAuB,GAClC9C,mBAAmB,CAAqB,CAAC","ignoreList":[]}

package/lib/typescript/src/navigators/createNativeStackNavigator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createNativeStackNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigators/createNativeStackNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,kBAAkB,EAEvB,KAAK,oBAAoB,EAI1B,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,6BAA6B,EAC7B,4BAA4B,EAC5B,yBAAyB,EAC1B,MAAM,aAAU,CAAC;AAGlB,iBAAS,oBAAoB,CAAC,EAC5B,gBAAgB,EAChB,wBAAwB,EACxB,QAAQ,EACR,MAAM,EACN,eAAe,EACf,aAAa,EACb,YAAY,EACZ,MAAM,EACN,GAAG,IAAI,EACR,EAAE,yBAAyB,qBAwE3B;AAED,MAAM,WAAW,kBAAmB,SAAQ,oBAAoB;IAC9D,KAAK,EAAE,oBAAoB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IAC/C,aAAa,EAAE,4BAA4B,CAAC;IAC5C,QAAQ,EAAE,6BAA6B,CAAC;IACxC,aAAa,EAAE,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IACrD,SAAS,EAAE,OAAO,oBAAoB,CAAC;CACxC;AAED,eAAO,MAAM,0BAA0B,4EAC2B,CAAC;AAEnE,eAAO,MAAM,uBAAuB,+IACO,CAAC"}
+{"version":3,"file":"createNativeStackNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigators/createNativeStackNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,kBAAkB,EAEvB,KAAK,oBAAoB,EAI1B,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,6BAA6B,EAC7B,4BAA4B,EAC5B,yBAAyB,EAC1B,MAAM,aAAU,CAAC;AAGlB,iBAAS,oBAAoB,CAAC,EAC5B,gBAAgB,EAChB,wBAAwB,EACxB,QAAQ,EACR,MAAM,EACN,eAAe,EACf,aAAa,EACb,YAAY,EACZ,MAAM,EACN,GAAG,IAAI,EACR,EAAE,yBAAyB,qBAqE3B;AAED,MAAM,WAAW,kBAAmB,SAAQ,oBAAoB;IAC9D,KAAK,EAAE,oBAAoB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IAC/C,aAAa,EAAE,4BAA4B,CAAC;IAC5C,QAAQ,EAAE,6BAA6B,CAAC;IACxC,aAAa,EAAE,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IACrD,SAAS,EAAE,OAAO,oBAAoB,CAAC;CACxC;AAED,eAAO,MAAM,0BAA0B,4EAC2B,CAAC;AAEnE,eAAO,MAAM,uBAAuB,+IACO,CAAC"}

package/lib/typescript/src/types.d.ts

@@ -258,8 +258,8 @@ export type NativeStackNavigationOptions = {
     headerBackground?: (() => React.ReactNode) | undefined;
     /**
      * Function which returns a React Element to display on the left side of the header.
-     * This replaces the back button. See `headerBackVisible` to show the back button along side left element.
-     * Will be overriden by `headerLeftItems` on iOS.
+     * This replaces the back button. See `headerBackVisible` to show the back button alongside the left element.
+     * Will be overridden by `headerLeftItems` on iOS.
      */
     headerLeft?: ((props: NativeStackHeaderBackProps) => React.ReactNode) | undefined;
     /**
@@ -273,7 +273,7 @@ export type NativeStackNavigationOptions = {
     headerLeftBackgroundVisible?: boolean | undefined;
     /**
      * Function which returns a React Element to display on the right side of the header.
-     * Will be overriden by `headerRightItems` on iOS.
+     * Will be overridden by `headerRightItems` on iOS.
      */
     headerRight?: ((props: NativeStackHeaderItemProps) => React.ReactNode) | undefined;
     /**
@@ -513,7 +513,7 @@ export type NativeStackNavigationOptions = {
      */
     gestureResponseDistance?: ScreenProps['gestureResponseDistance'] | undefined;
     /**
-     * The type of animation to use when this screen replaces another screen. Defaults to `pop`.
+     * The type of animation to use when this screen replaces another screen. Defaults to `push`.
      *
      * Supported values:
      * - "push": the new screen will perform push animation.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-navigation/native-stack",
   "description": "Native stack navigator using react-native-screens",
-  "version": "8.0.0-alpha.52",
+  "version": "8.0.0-alpha.54",
   "keywords": [
     "react-native-component",
     "react-component",
@@ -46,12 +46,12 @@
     "clean": "del lib"
   },
   "dependencies": {
-    "@react-navigation/elements": "^3.0.0-alpha.48",
+    "@react-navigation/elements": "^3.0.0-alpha.50",
     "warn-once": "^0.1.1"
   },
   "devDependencies": {
     "@jest/globals": "^30.4.1",
-    "@react-navigation/native": "^8.0.0-alpha.44",
+    "@react-navigation/native": "^8.0.0-alpha.46",
     "@testing-library/react": "^16.3.2",
     "@testing-library/react-native": "^14.0.0",
     "@testing-library/user-event": "^14.6.1",
@@ -67,7 +67,7 @@
     "typescript": "^6.0.3"
   },
   "peerDependencies": {
-    "@react-navigation/native": "^8.0.0-alpha.44",
+    "@react-navigation/native": "^8.0.0-alpha.46",
     "react": ">= 19.2.0",
     "react-native": "*",
     "react-native-safe-area-context": ">= 5.5.0",
@@ -91,5 +91,5 @@
       ]
     ]
   },
-  "gitHead": "ab1319d6bbf05eae8dc25e33cbf4dc56494e0f0c"
+  "gitHead": "ac6baf188f7a456429a87b644053e765233f0151"
 }

package/src/navigators/createNativeStackNavigator.tsx

@@ -32,23 +32,22 @@ function NativeStackNavigator({
   router,
   ...rest
 }: NativeStackNavigatorProps) {
-  const { state, descriptors, navigation, NavigationContent } =
-    useNavigationBuilder<
-      StackNavigationState<ParamListBase>,
-      StackRouterOptions,
-      StackActionHelpers<ParamListBase>,
-      NativeStackNavigationOptions,
-      NativeStackNavigationEventMap
-    >(StackRouter, {
-      initialRouteName,
-      routeNamesChangeBehavior,
-      children,
-      layout,
-      screenListeners,
-      screenOptions,
-      screenLayout,
-      router,
-    });
+  const { state, descriptors, navigation, render } = useNavigationBuilder<
+    StackNavigationState<ParamListBase>,
+    StackRouterOptions,
+    StackActionHelpers<ParamListBase>,
+    NativeStackNavigationOptions,
+    NativeStackNavigationEventMap
+  >(StackRouter, {
+    initialRouteName,
+    routeNamesChangeBehavior,
+    children,
+    layout,
+    screenListeners,
+    screenOptions,
+    screenLayout,
+    router,
+  });
 
   const meta = React.use(NavigationMetaContext);
 
@@ -93,15 +92,13 @@ function NativeStackNavigator({
     };
   }, [meta, navigation]);
 
-  return (
-    <NavigationContent>
-      <NativeStackView
-        {...rest}
-        state={state}
-        navigation={navigation}
-        descriptors={descriptors}
-      />
-    </NavigationContent>
+  return render(
+    <NativeStackView
+      {...rest}
+      state={state}
+      navigation={navigation}
+      descriptors={descriptors}
+    />
   );
 }
 

package/src/types.tsx

@@ -300,8 +300,8 @@ export type NativeStackNavigationOptions = {
   headerBackground?: (() => React.ReactNode) | undefined;
   /**
    * Function which returns a React Element to display on the left side of the header.
-   * This replaces the back button. See `headerBackVisible` to show the back button along side left element.
-   * Will be overriden by `headerLeftItems` on iOS.
+   * This replaces the back button. See `headerBackVisible` to show the back button alongside the left element.
+   * Will be overridden by `headerLeftItems` on iOS.
    */
   headerLeft?:
     | ((props: NativeStackHeaderBackProps) => React.ReactNode)
@@ -317,7 +317,7 @@ export type NativeStackNavigationOptions = {
   headerLeftBackgroundVisible?: boolean | undefined;
   /**
    * Function which returns a React Element to display on the right side of the header.
-   * Will be overriden by `headerRightItems` on iOS.
+   * Will be overridden by `headerRightItems` on iOS.
    */
   headerRight?:
     | ((props: NativeStackHeaderItemProps) => React.ReactNode)
@@ -574,7 +574,7 @@ export type NativeStackNavigationOptions = {
    */
   gestureResponseDistance?: ScreenProps['gestureResponseDistance'] | undefined;
   /**
-   * The type of animation to use when this screen replaces another screen. Defaults to `pop`.
+   * The type of animation to use when this screen replaces another screen. Defaults to `push`.
    *
    * Supported values:
    * - "push": the new screen will perform push animation.