@react-navigation/native-stack 6.2.0

package/lib/module/views/NativeStackView.js

@@ -0,0 +1,118 @@
+import { getHeaderTitle, Header, HeaderBackButton, SafeAreaProviderCompat, Screen } from '@react-navigation/elements';
+import * as React from 'react';
+import { Image, StyleSheet, View } from 'react-native';
+export default function NativeStackView({
+  state,
+  descriptors
+}) {
+  return /*#__PURE__*/React.createElement(SafeAreaProviderCompat, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, state.routes.map((route, i) => {
+    var _state$routes;
+
+    const isFocused = state.index === i;
+    const canGoBack = i !== 0;
+    const previousKey = (_state$routes = state.routes[i - 1]) === null || _state$routes === void 0 ? void 0 : _state$routes.key;
+    const previousDescriptor = previousKey ? descriptors[previousKey] : undefined;
+    const {
+      options,
+      navigation,
+      render
+    } = descriptors[route.key];
+    const {
+      header,
+      headerShown,
+      headerTintColor,
+      headerBackImageSource,
+      headerLeft,
+      headerRight,
+      headerTitle,
+      headerTitleAlign,
+      headerTitleStyle,
+      headerStyle,
+      headerShadowVisible,
+      headerTransparent,
+      contentStyle,
+      headerBackTitle
+    } = options;
+    return /*#__PURE__*/React.createElement(Screen, {
+      key: route.key,
+      focused: isFocused,
+      route: route,
+      navigation: navigation,
+      headerShown: headerShown,
+      headerTransparent: headerTransparent,
+      header: header !== undefined ? header({
+        back: previousDescriptor ? {
+          title: getHeaderTitle(previousDescriptor.options, previousDescriptor.route.name)
+        } : undefined,
+        options,
+        route,
+        navigation
+      }) : /*#__PURE__*/React.createElement(Header, {
+        title: getHeaderTitle(options, route.name),
+        headerTintColor: headerTintColor,
+        headerLeft: typeof headerLeft === 'function' ? ({
+          tintColor
+        }) => headerLeft({
+          tintColor,
+          canGoBack,
+          label: headerBackTitle
+        }) : headerLeft === undefined && canGoBack ? ({
+          tintColor
+        }) => /*#__PURE__*/React.createElement(HeaderBackButton, {
+          tintColor: tintColor,
+          backImage: headerBackImageSource !== undefined ? () => /*#__PURE__*/React.createElement(Image, {
+            source: headerBackImageSource,
+            style: [styles.backImage, {
+              tintColor
+            }]
+          }) : undefined,
+          onPress: navigation.goBack,
+          canGoBack: canGoBack
+        }) : headerLeft,
+        headerRight: typeof headerRight === 'function' ? ({
+          tintColor
+        }) => headerRight({
+          tintColor
+        }) : headerRight,
+        headerTitle: typeof headerTitle === 'function' ? ({
+          children,
+          tintColor
+        }) => headerTitle({
+          children,
+          tintColor
+        }) : headerTitle,
+        headerTitleAlign: headerTitleAlign,
+        headerTitleStyle: headerTitleStyle,
+        headerStyle: [headerTransparent ? {
+          position: 'absolute',
+          backgroundColor: 'transparent'
+        } : null, headerStyle, headerShadowVisible === false ? {
+          shadowOpacity: 0,
+          borderBottomWidth: 0
+        } : null]
+      }),
+      style: [StyleSheet.absoluteFill, {
+        display: isFocused ? 'flex' : 'none'
+      }]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.contentContainer, contentStyle]
+    }, render()));
+  })));
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  contentContainer: {
+    flex: 1
+  },
+  backImage: {
+    height: 24,
+    width: 24,
+    margin: 3,
+    resizeMode: 'contain'
+  }
+});
+//# sourceMappingURL=NativeStackView.js.map

package/lib/module/views/NativeStackView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NativeStackView.tsx"],"names":["getHeaderTitle","Header","HeaderBackButton","SafeAreaProviderCompat","Screen","React","Image","StyleSheet","View","NativeStackView","state","descriptors","styles","container","routes","map","route","i","isFocused","index","canGoBack","previousKey","key","previousDescriptor","undefined","options","navigation","render","header","headerShown","headerTintColor","headerBackImageSource","headerLeft","headerRight","headerTitle","headerTitleAlign","headerTitleStyle","headerStyle","headerShadowVisible","headerTransparent","contentStyle","headerBackTitle","back","title","name","tintColor","label","backImage","goBack","children","position","backgroundColor","shadowOpacity","borderBottomWidth","absoluteFill","display","contentContainer","create","flex","height","width","margin","resizeMode"],"mappings":"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","sourcesContent":["import {\n  getHeaderTitle,\n  Header,\n  HeaderBackButton,\n  SafeAreaProviderCompat,\n  Screen,\n} from '@react-navigation/elements';\nimport type {\n  ParamListBase,\n  StackNavigationState,\n} from '@react-navigation/native';\nimport * as React from 'react';\nimport { Image, StyleSheet, View } from 'react-native';\n\nimport type {\n  NativeStackDescriptorMap,\n  NativeStackNavigationHelpers,\n} from '../types';\n\ntype Props = {\n  state: StackNavigationState<ParamListBase>;\n  // This is used for the native implementation of the stack.\n  // eslint-disable-next-line react/no-unused-prop-types\n  navigation: NativeStackNavigationHelpers;\n  descriptors: NativeStackDescriptorMap;\n};\n\nexport default function NativeStackView({ state, descriptors }: Props) {\n  return (\n    <SafeAreaProviderCompat>\n      <View style={styles.container}>\n        {state.routes.map((route, i) => {\n          const isFocused = state.index === i;\n          const canGoBack = i !== 0;\n          const previousKey = state.routes[i - 1]?.key;\n          const previousDescriptor = previousKey\n            ? descriptors[previousKey]\n            : undefined;\n          const { options, navigation, render } = descriptors[route.key];\n\n          const {\n            header,\n            headerShown,\n            headerTintColor,\n            headerBackImageSource,\n            headerLeft,\n            headerRight,\n            headerTitle,\n            headerTitleAlign,\n            headerTitleStyle,\n            headerStyle,\n            headerShadowVisible,\n            headerTransparent,\n            contentStyle,\n            headerBackTitle,\n          } = options;\n\n          return (\n            <Screen\n              key={route.key}\n              focused={isFocused}\n              route={route}\n              navigation={navigation}\n              headerShown={headerShown}\n              headerTransparent={headerTransparent}\n              header={\n                header !== undefined ? (\n                  header({\n                    back: previousDescriptor\n                      ? {\n                          title: getHeaderTitle(\n                            previousDescriptor.options,\n                            previousDescriptor.route.name\n                          ),\n                        }\n                      : undefined,\n                    options,\n                    route,\n                    navigation,\n                  })\n                ) : (\n                  <Header\n                    title={getHeaderTitle(options, route.name)}\n                    headerTintColor={headerTintColor}\n                    headerLeft={\n                      typeof headerLeft === 'function'\n                        ? ({ tintColor }) =>\n                            headerLeft({\n                              tintColor,\n                              canGoBack,\n                              label: headerBackTitle,\n                            })\n                        : headerLeft === undefined && canGoBack\n                        ? ({ tintColor }) => (\n                            <HeaderBackButton\n                              tintColor={tintColor}\n                              backImage={\n                                headerBackImageSource !== undefined\n                                  ? () => (\n                                      <Image\n                                        source={headerBackImageSource}\n                                        style={[\n                                          styles.backImage,\n                                          { tintColor },\n                                        ]}\n                                      />\n                                    )\n                                  : undefined\n                              }\n                              onPress={navigation.goBack}\n                              canGoBack={canGoBack}\n                            />\n                          )\n                        : headerLeft\n                    }\n                    headerRight={\n                      typeof headerRight === 'function'\n                        ? ({ tintColor }) => headerRight({ tintColor })\n                        : headerRight\n                    }\n                    headerTitle={\n                      typeof headerTitle === 'function'\n                        ? ({ children, tintColor }) =>\n                            headerTitle({ children, tintColor })\n                        : headerTitle\n                    }\n                    headerTitleAlign={headerTitleAlign}\n                    headerTitleStyle={headerTitleStyle}\n                    headerStyle={[\n                      headerTransparent\n                        ? {\n                            position: 'absolute',\n                            backgroundColor: 'transparent',\n                          }\n                        : null,\n                      headerStyle,\n                      headerShadowVisible === false\n                        ? { shadowOpacity: 0, borderBottomWidth: 0 }\n                        : null,\n                    ]}\n                  />\n                )\n              }\n              style={[\n                StyleSheet.absoluteFill,\n                { display: isFocused ? 'flex' : 'none' },\n              ]}\n            >\n              <View style={[styles.contentContainer, contentStyle]}>\n                {render()}\n              </View>\n            </Screen>\n          );\n        })}\n      </View>\n    </SafeAreaProviderCompat>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  contentContainer: {\n    flex: 1,\n  },\n  backImage: {\n    height: 24,\n    width: 24,\n    margin: 3,\n    resizeMode: 'contain',\n  },\n});\n"]}

package/lib/module/views/NativeStackView.native.js

@@ -0,0 +1,224 @@
+function _extends() { _extends = Object.assign || 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); }
+
+import { getDefaultHeaderHeight, getHeaderTitle, HeaderHeightContext, HeaderShownContext, SafeAreaProviderCompat } from '@react-navigation/elements';
+import { StackActions, useTheme } from '@react-navigation/native';
+import * as React from 'react';
+import { Platform, StyleSheet } from 'react-native';
+import { useSafeAreaFrame, useSafeAreaInsets } from 'react-native-safe-area-context';
+import { Screen, ScreenStack } from 'react-native-screens';
+import warnOnce from 'warn-once';
+import DebugContainer from './DebugContainer';
+import HeaderConfig from './HeaderConfig';
+const isAndroid = Platform.OS === 'android';
+
+const MaybeNestedStack = ({
+  options,
+  route,
+  presentation,
+  children
+}) => {
+  const {
+    colors
+  } = useTheme();
+  const {
+    header,
+    headerShown = true,
+    contentStyle
+  } = options;
+  const isHeaderInModal = isAndroid ? false : presentation !== 'card' && headerShown === true && header === undefined;
+  const headerShownPreviousRef = React.useRef(headerShown);
+  React.useEffect(() => {
+    warnOnce(!isAndroid && presentation !== 'card' && 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}'.`);
+    headerShownPreviousRef.current = headerShown;
+  }, [headerShown, presentation, route.name]);
+  const content = /*#__PURE__*/React.createElement(DebugContainer, {
+    style: [styles.container, presentation !== 'transparentModal' && presentation !== 'containedTransparentModal' && {
+      backgroundColor: colors.background
+    }, contentStyle],
+    stackPresentation: presentation === 'card' ? 'push' : presentation
+  }, children);
+  const insets = useSafeAreaInsets();
+  const dimensions = useSafeAreaFrame(); // landscape is meaningful only for iPhone
+
+  const isLandscape = dimensions.width > dimensions.height && !Platform.isPad && !Platform.isTVOS; // `modal` and `formSheet` presentations do not take whole screen, so should not take the inset.
+
+  const isFullScreenModal = presentation !== 'modal' && presentation !== 'formSheet';
+  const topInset = isFullScreenModal && !isLandscape ? insets.top : 0;
+  const headerHeight = getDefaultHeaderHeight(dimensions, !isFullScreenModal, topInset);
+
+  if (isHeaderInModal) {
+    return /*#__PURE__*/React.createElement(ScreenStack, {
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(Screen, {
+      enabled: true,
+      style: StyleSheet.absoluteFill
+    }, /*#__PURE__*/React.createElement(HeaderShownContext.Provider, {
+      value: true
+    }, /*#__PURE__*/React.createElement(HeaderHeightContext.Provider, {
+      value: headerHeight
+    }, /*#__PURE__*/React.createElement(HeaderConfig, _extends({}, options, {
+      route: route,
+      canGoBack: true
+    })), content))));
+  }
+
+  return content;
+};
+
+const SceneView = ({
+  descriptor,
+  previousDescriptor,
+  index,
+  onWillDisappear,
+  onAppear,
+  onDisappear,
+  onDismissed
+}) => {
+  const {
+    route,
+    navigation,
+    options,
+    render
+  } = descriptor;
+  const {
+    gestureEnabled,
+    header,
+    headerShown,
+    animationTypeForReplace = 'pop',
+    animation,
+    orientation,
+    statusBarAnimation,
+    statusBarHidden,
+    statusBarStyle
+  } = options;
+  let {
+    presentation = 'card'
+  } = options;
+
+  if (index === 0) {
+    // first screen should always be treated as `card`, it resolves problems with no header animation
+    // for navigator with first screen as `modal` and the next as `card`
+    presentation = 'card';
+  }
+
+  const isHeaderInPush = isAndroid ? headerShown : presentation === 'card' && headerShown !== false;
+  const isParentHeaderShown = React.useContext(HeaderShownContext);
+  const insets = useSafeAreaInsets();
+  const parentHeaderHeight = React.useContext(HeaderHeightContext);
+  const headerHeight = getDefaultHeaderHeight(useSafeAreaFrame(), false, insets.top);
+  return /*#__PURE__*/React.createElement(Screen, {
+    key: route.key,
+    enabled: true,
+    style: StyleSheet.absoluteFill,
+    gestureEnabled: isAndroid ? // This prop enables handling of system back gestures on Android
+    // Since we handle them in JS side, we disable this
+    false : gestureEnabled,
+    replaceAnimation: animationTypeForReplace,
+    stackPresentation: presentation === 'card' ? 'push' : presentation,
+    stackAnimation: animation,
+    screenOrientation: orientation,
+    statusBarAnimation: statusBarAnimation,
+    statusBarHidden: statusBarHidden,
+    statusBarStyle: statusBarStyle,
+    onWillDisappear: onWillDisappear,
+    onAppear: onAppear,
+    onDisappear: onDisappear,
+    onDismissed: onDismissed
+  }, /*#__PURE__*/React.createElement(HeaderShownContext.Provider, {
+    value: isParentHeaderShown || isHeaderInPush !== false
+  }, /*#__PURE__*/React.createElement(HeaderHeightContext.Provider, {
+    value: isHeaderInPush !== false ? headerHeight : parentHeaderHeight !== null && parentHeaderHeight !== void 0 ? parentHeaderHeight : 0
+  }, header !== undefined && headerShown !== false ? // TODO: expose custom header height
+  header({
+    back: previousDescriptor ? {
+      title: getHeaderTitle(previousDescriptor.options, previousDescriptor.route.name)
+    } : undefined,
+    options,
+    route,
+    navigation
+  }) : /*#__PURE__*/React.createElement(HeaderConfig, _extends({}, options, {
+    route: route,
+    headerShown: isHeaderInPush,
+    canGoBack: index !== 0
+  })), /*#__PURE__*/React.createElement(MaybeNestedStack, {
+    options: options,
+    route: route,
+    presentation: presentation
+  }, render()))));
+};
+
+function NativeStackViewInner({
+  state,
+  navigation,
+  descriptors
+}) {
+  var _state$routes$find;
+
+  const [nextDismissedKey, setNextDismissedKey] = React.useState(null);
+  const dismissedRouteName = nextDismissedKey ? (_state$routes$find = state.routes.find(route => route.key === nextDismissedKey)) === null || _state$routes$find === void 0 ? void 0 : _state$routes$find.name : null;
+  React.useEffect(() => {
+    if (dismissedRouteName) {
+      const message = `The screen '${dismissedRouteName}' was removed natively but didn't get removed from JS state. ` + `This can happen if the action was prevented in a 'beforeRemove' listener, which is not fully supported in native-stack.\n\n` + `Consider using 'gestureEnabled: false' to prevent back gesture and use a custom back button with 'headerLeft' option to override the native behavior.`;
+      console.error(message);
+    }
+  }, [dismissedRouteName]);
+  return /*#__PURE__*/React.createElement(ScreenStack, {
+    style: styles.container
+  }, state.routes.map((route, index) => {
+    var _state$routes;
+
+    const descriptor = descriptors[route.key];
+    const previousKey = (_state$routes = state.routes[index - 1]) === null || _state$routes === void 0 ? void 0 : _state$routes.key;
+    const previousDescriptor = previousKey ? descriptors[previousKey] : undefined;
+    return /*#__PURE__*/React.createElement(SceneView, {
+      key: route.key,
+      index: index,
+      descriptor: descriptor,
+      previousDescriptor: previousDescriptor,
+      onWillDisappear: () => {
+        navigation.emit({
+          type: 'transitionStart',
+          data: {
+            closing: true
+          },
+          target: route.key
+        });
+      },
+      onAppear: () => {
+        navigation.emit({
+          type: 'transitionEnd',
+          data: {
+            closing: false
+          },
+          target: route.key
+        });
+      },
+      onDisappear: () => {
+        navigation.emit({
+          type: 'transitionEnd',
+          data: {
+            closing: true
+          },
+          target: route.key
+        });
+      },
+      onDismissed: () => {
+        navigation.dispatch({ ...StackActions.pop(),
+          source: route.key,
+          target: state.key
+        });
+        setNextDismissedKey(route.key);
+      }
+    });
+  }));
+}
+
+export default function NativeStackView(props) {
+  return /*#__PURE__*/React.createElement(SafeAreaProviderCompat, null, /*#__PURE__*/React.createElement(NativeStackViewInner, props));
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=NativeStackView.native.js.map

package/lib/module/views/NativeStackView.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NativeStackView.native.tsx"],"names":["getDefaultHeaderHeight","getHeaderTitle","HeaderHeightContext","HeaderShownContext","SafeAreaProviderCompat","StackActions","useTheme","React","Platform","StyleSheet","useSafeAreaFrame","useSafeAreaInsets","Screen","ScreenStack","warnOnce","DebugContainer","HeaderConfig","isAndroid","OS","MaybeNestedStack","options","route","presentation","children","colors","header","headerShown","contentStyle","isHeaderInModal","undefined","headerShownPreviousRef","useRef","useEffect","current","name","content","styles","container","backgroundColor","background","insets","dimensions","isLandscape","width","height","isPad","isTVOS","isFullScreenModal","topInset","top","headerHeight","absoluteFill","SceneView","descriptor","previousDescriptor","index","onWillDisappear","onAppear","onDisappear","onDismissed","navigation","render","gestureEnabled","animationTypeForReplace","animation","orientation","statusBarAnimation","statusBarHidden","statusBarStyle","isHeaderInPush","isParentHeaderShown","useContext","parentHeaderHeight","key","back","title","NativeStackViewInner","state","descriptors","nextDismissedKey","setNextDismissedKey","useState","dismissedRouteName","routes","find","message","console","error","map","previousKey","emit","type","data","closing","target","dispatch","pop","source","NativeStackView","props","create","flex"],"mappings":"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","sourcesContent":["import {\n  getDefaultHeaderHeight,\n  getHeaderTitle,\n  HeaderHeightContext,\n  HeaderShownContext,\n  SafeAreaProviderCompat,\n} from '@react-navigation/elements';\nimport {\n  ParamListBase,\n  Route,\n  StackActions,\n  StackNavigationState,\n  useTheme,\n} from '@react-navigation/native';\nimport * as React from 'react';\nimport { Platform, PlatformIOSStatic, StyleSheet } from 'react-native';\nimport {\n  useSafeAreaFrame,\n  useSafeAreaInsets,\n} from 'react-native-safe-area-context';\nimport {\n  Screen,\n  ScreenStack,\n  StackPresentationTypes,\n} from 'react-native-screens';\nimport warnOnce from 'warn-once';\n\nimport type {\n  NativeStackDescriptor,\n  NativeStackDescriptorMap,\n  NativeStackNavigationHelpers,\n  NativeStackNavigationOptions,\n} from '../types';\nimport DebugContainer from './DebugContainer';\nimport HeaderConfig from './HeaderConfig';\n\nconst isAndroid = Platform.OS === 'android';\n\nconst MaybeNestedStack = ({\n  options,\n  route,\n  presentation,\n  children,\n}: {\n  options: NativeStackNavigationOptions;\n  route: Route<string>;\n  presentation: Exclude<StackPresentationTypes, 'push'> | 'card';\n  children: React.ReactNode;\n}) => {\n  const { colors } = useTheme();\n  const { header, headerShown = true, contentStyle } = options;\n\n  const isHeaderInModal = isAndroid\n    ? false\n    : presentation !== 'card' && headerShown === true && header === undefined;\n\n  const headerShownPreviousRef = React.useRef(headerShown);\n\n  React.useEffect(() => {\n    warnOnce(\n      !isAndroid &&\n        presentation !== 'card' &&\n        headerShownPreviousRef.current !== headerShown,\n      `Dynamically changing 'headerShown' in modals will result in remounting the screen and losing all local state. See options for the screen '${route.name}'.`\n    );\n\n    headerShownPreviousRef.current = headerShown;\n  }, [headerShown, presentation, route.name]);\n\n  const content = (\n    <DebugContainer\n      style={[\n        styles.container,\n        presentation !== 'transparentModal' &&\n          presentation !== 'containedTransparentModal' && {\n            backgroundColor: colors.background,\n          },\n        contentStyle,\n      ]}\n      stackPresentation={presentation === 'card' ? 'push' : presentation}\n    >\n      {children}\n    </DebugContainer>\n  );\n\n  const insets = useSafeAreaInsets();\n  const dimensions = useSafeAreaFrame();\n  // landscape is meaningful only for iPhone\n  const isLandscape =\n    dimensions.width > dimensions.height &&\n    !(Platform as PlatformIOSStatic).isPad &&\n    !(Platform as PlatformIOSStatic).isTVOS;\n  // `modal` and `formSheet` presentations do not take whole screen, so should not take the inset.\n  const isFullScreenModal =\n    presentation !== 'modal' && presentation !== 'formSheet';\n  const topInset = isFullScreenModal && !isLandscape ? insets.top : 0;\n  const headerHeight = getDefaultHeaderHeight(\n    dimensions,\n    !isFullScreenModal,\n    topInset\n  );\n\n  if (isHeaderInModal) {\n    return (\n      <ScreenStack style={styles.container}>\n        <Screen enabled style={StyleSheet.absoluteFill}>\n          <HeaderShownContext.Provider value>\n            <HeaderHeightContext.Provider value={headerHeight}>\n              <HeaderConfig {...options} route={route} canGoBack />\n              {content}\n            </HeaderHeightContext.Provider>\n          </HeaderShownContext.Provider>\n        </Screen>\n      </ScreenStack>\n    );\n  }\n\n  return content;\n};\n\ntype SceneViewProps = {\n  index: number;\n  descriptor: NativeStackDescriptor;\n  previousDescriptor?: NativeStackDescriptor;\n  onWillDisappear: () => void;\n  onAppear: () => void;\n  onDisappear: () => void;\n  onDismissed: () => void;\n};\n\nconst SceneView = ({\n  descriptor,\n  previousDescriptor,\n  index,\n  onWillDisappear,\n  onAppear,\n  onDisappear,\n  onDismissed,\n}: SceneViewProps) => {\n  const { route, navigation, options, render } = descriptor;\n  const {\n    gestureEnabled,\n    header,\n    headerShown,\n    animationTypeForReplace = 'pop',\n    animation,\n    orientation,\n    statusBarAnimation,\n    statusBarHidden,\n    statusBarStyle,\n  } = options;\n\n  let { presentation = 'card' } = options;\n\n  if (index === 0) {\n    // first screen should always be treated as `card`, it resolves problems with no header animation\n    // for navigator with first screen as `modal` and the next as `card`\n    presentation = 'card';\n  }\n\n  const isHeaderInPush = isAndroid\n    ? headerShown\n    : presentation === 'card' && headerShown !== false;\n\n  const isParentHeaderShown = React.useContext(HeaderShownContext);\n  const insets = useSafeAreaInsets();\n  const parentHeaderHeight = React.useContext(HeaderHeightContext);\n  const headerHeight = getDefaultHeaderHeight(\n    useSafeAreaFrame(),\n    false,\n    insets.top\n  );\n\n  return (\n    <Screen\n      key={route.key}\n      enabled\n      style={StyleSheet.absoluteFill}\n      gestureEnabled={\n        isAndroid\n          ? // This prop enables handling of system back gestures on Android\n            // Since we handle them in JS side, we disable this\n            false\n          : gestureEnabled\n      }\n      replaceAnimation={animationTypeForReplace}\n      stackPresentation={presentation === 'card' ? 'push' : presentation}\n      stackAnimation={animation}\n      screenOrientation={orientation}\n      statusBarAnimation={statusBarAnimation}\n      statusBarHidden={statusBarHidden}\n      statusBarStyle={statusBarStyle}\n      onWillDisappear={onWillDisappear}\n      onAppear={onAppear}\n      onDisappear={onDisappear}\n      onDismissed={onDismissed}\n    >\n      <HeaderShownContext.Provider\n        value={isParentHeaderShown || isHeaderInPush !== false}\n      >\n        <HeaderHeightContext.Provider\n          value={\n            isHeaderInPush !== false ? headerHeight : parentHeaderHeight ?? 0\n          }\n        >\n          {header !== undefined && headerShown !== false ? (\n            // TODO: expose custom header height\n            header({\n              back: previousDescriptor\n                ? {\n                    title: getHeaderTitle(\n                      previousDescriptor.options,\n                      previousDescriptor.route.name\n                    ),\n                  }\n                : undefined,\n              options,\n              route,\n              navigation,\n            })\n          ) : (\n            <HeaderConfig\n              {...options}\n              route={route}\n              headerShown={isHeaderInPush}\n              canGoBack={index !== 0}\n            />\n          )}\n          <MaybeNestedStack\n            options={options}\n            route={route}\n            presentation={presentation}\n          >\n            {render()}\n          </MaybeNestedStack>\n        </HeaderHeightContext.Provider>\n      </HeaderShownContext.Provider>\n    </Screen>\n  );\n};\n\ntype Props = {\n  state: StackNavigationState<ParamListBase>;\n  navigation: NativeStackNavigationHelpers;\n  descriptors: NativeStackDescriptorMap;\n};\n\nfunction NativeStackViewInner({ state, navigation, descriptors }: Props) {\n  const [nextDismissedKey, setNextDismissedKey] =\n    React.useState<string | null>(null);\n\n  const dismissedRouteName = nextDismissedKey\n    ? state.routes.find((route) => route.key === nextDismissedKey)?.name\n    : null;\n\n  React.useEffect(() => {\n    if (dismissedRouteName) {\n      const message =\n        `The screen '${dismissedRouteName}' was removed natively but didn't get removed from JS state. ` +\n        `This can happen if the action was prevented in a 'beforeRemove' listener, which is not fully supported in native-stack.\\n\\n` +\n        `Consider using 'gestureEnabled: false' to prevent back gesture and use a custom back button with 'headerLeft' option to override the native behavior.`;\n\n      console.error(message);\n    }\n  }, [dismissedRouteName]);\n\n  return (\n    <ScreenStack style={styles.container}>\n      {state.routes.map((route, index) => {\n        const descriptor = descriptors[route.key];\n        const previousKey = state.routes[index - 1]?.key;\n        const previousDescriptor = previousKey\n          ? descriptors[previousKey]\n          : undefined;\n\n        return (\n          <SceneView\n            key={route.key}\n            index={index}\n            descriptor={descriptor}\n            previousDescriptor={previousDescriptor}\n            onWillDisappear={() => {\n              navigation.emit({\n                type: 'transitionStart',\n                data: { closing: true },\n                target: route.key,\n              });\n            }}\n            onAppear={() => {\n              navigation.emit({\n                type: 'transitionEnd',\n                data: { closing: false },\n                target: route.key,\n              });\n            }}\n            onDisappear={() => {\n              navigation.emit({\n                type: 'transitionEnd',\n                data: { closing: true },\n                target: route.key,\n              });\n            }}\n            onDismissed={() => {\n              navigation.dispatch({\n                ...StackActions.pop(),\n                source: route.key,\n                target: state.key,\n              });\n\n              setNextDismissedKey(route.key);\n            }}\n          />\n        );\n      })}\n    </ScreenStack>\n  );\n}\n\nexport default function NativeStackView(props: Props) {\n  return (\n    <SafeAreaProviderCompat>\n      <NativeStackViewInner {...props} />\n    </SafeAreaProviderCompat>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n});\n"]}

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

@@ -0,0 +1,8 @@
+/**
+ * Navigators
+ */
+export { default as createNativeStackNavigator } from './navigators/createNativeStackNavigator';
+/**
+ * Types
+ */
+export type { NativeStackHeaderProps, NativeStackNavigationOptions, NativeStackNavigationProp, NativeStackScreenProps, } from './types';

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ParamListBase, StackNavigationState } from '@react-navigation/native';
+import type { NativeStackNavigationEventMap, NativeStackNavigationOptions, NativeStackNavigatorProps } from '../types';
+declare function NativeStackNavigator({ initialRouteName, children, screenListeners, screenOptions, ...rest }: NativeStackNavigatorProps): JSX.Element;
+declare const _default: <ParamList extends ParamListBase>() => import("@react-navigation/native").TypedNavigator<ParamList, StackNavigationState<ParamListBase>, NativeStackNavigationOptions, NativeStackNavigationEventMap, typeof NativeStackNavigator>;
+export default _default;