@react-navigation/native-stack 6.2.5 → 6.5.0

package/lib/module/views/NativeStackView.js

@@ -1,19 +1,23 @@
 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
-}) {
+const TRANSPARENT_PRESENTATIONS = ['transparentModal', 'containedTransparentModal'];
+export default function NativeStackView(_ref) {
+  let {
+    state,
+    descriptors
+  } = _ref;
   return /*#__PURE__*/React.createElement(SafeAreaProviderCompat, null, /*#__PURE__*/React.createElement(View, {
     style: styles.container
   }, state.routes.map((route, i) => {
-    var _state$routes;
+    var _state$routes, _state$routes2;
 
     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 nextKey = (_state$routes2 = state.routes[i + 1]) === null || _state$routes2 === void 0 ? void 0 : _state$routes2.key;
     const previousDescriptor = previousKey ? descriptors[previousKey] : undefined;
+    const nexDescriptor = nextKey ? descriptors[nextKey] : undefined;
     const {
       options,
       navigation,
@@ -32,9 +36,11 @@ export default function NativeStackView({
       headerStyle,
       headerShadowVisible,
       headerTransparent,
-      contentStyle,
-      headerBackTitle
+      headerBackTitle,
+      presentation,
+      contentStyle
     } = options;
+    const nextPresentation = nexDescriptor === null || nexDescriptor === void 0 ? void 0 : nexDescriptor.options.presentation;
     return /*#__PURE__*/React.createElement(Screen, {
       key: route.key,
       focused: isFocused,
@@ -52,37 +58,50 @@ export default function NativeStackView({
       }) : /*#__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,
+        headerLeft: typeof headerLeft === 'function' ? _ref2 => {
+          let {
+            tintColor
+          } = _ref2;
+          return headerLeft({
+            tintColor,
+            canGoBack,
+            label: headerBackTitle
+          });
+        } : headerLeft === undefined && canGoBack ? _ref3 => {
+          let {
+            tintColor
+          } = _ref3;
+          return /*#__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' ? _ref4 => {
+          let {
+            tintColor
+          } = _ref4;
+          return headerRight({
+            tintColor,
+            canGoBack
+          });
+        } : headerRight,
+        headerTitle: typeof headerTitle === 'function' ? _ref5 => {
+          let {
+            children,
+            tintColor
+          } = _ref5;
+          return headerTitle({
+            children,
+            tintColor
+          });
+        } : headerTitle,
         headerTitleAlign: headerTitleAlign,
         headerTitleStyle: headerTitleStyle,
         headerStyle: [headerTransparent ? {
@@ -94,8 +113,10 @@ export default function NativeStackView({
         } : null]
       }),
       style: [StyleSheet.absoluteFill, {
-        display: isFocused ? 'flex' : 'none'
-      }]
+        display: isFocused || nextPresentation != null && TRANSPARENT_PRESENTATIONS.includes(nextPresentation) ? 'flex' : 'none'
+      }, presentation != null && TRANSPARENT_PRESENTATIONS.includes(presentation) ? {
+        backgroundColor: 'transparent'
+      } : null]
     }, /*#__PURE__*/React.createElement(View, {
       style: [styles.contentContainer, contentStyle]
     }, render()));

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

@@ -1 +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":"AAAA,SACEA,cADF,EAEEC,MAFF,EAGEC,gBAHF,EAIEC,sBAJF,EAKEC,MALF,QAMO,4BANP;AAWA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AACA,SAASC,KAAT,EAAgBC,UAAhB,EAA4BC,IAA5B,QAAwC,cAAxC;AAeA,eAAe,SAASC,eAAT,CAAyB;AAAEC,EAAAA,KAAF;AAASC,EAAAA;AAAT,CAAzB,EAAwD;AACrE,sBACE,oBAAC,sBAAD,qBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACC;AAApB,KACGH,KAAK,CAACI,MAAN,CAAaC,GAAb,CAAiB,CAACC,KAAD,EAAQC,CAAR,KAAc;AAAA;;AAC9B,UAAMC,SAAS,GAAGR,KAAK,CAACS,KAAN,KAAgBF,CAAlC;AACA,UAAMG,SAAS,GAAGH,CAAC,KAAK,CAAxB;AACA,UAAMI,WAAW,oBAAGX,KAAK,CAACI,MAAN,CAAaG,CAAC,GAAG,CAAjB,CAAH,kDAAG,cAAqBK,GAAzC;AACA,UAAMC,kBAAkB,GAAGF,WAAW,GAClCV,WAAW,CAACU,WAAD,CADuB,GAElCG,SAFJ;AAGA,UAAM;AAAEC,MAAAA,OAAF;AAAWC,MAAAA,UAAX;AAAuBC,MAAAA;AAAvB,QAAkChB,WAAW,CAACK,KAAK,CAACM,GAAP,CAAnD;AAEA,UAAM;AACJM,MAAAA,MADI;AAEJC,MAAAA,WAFI;AAGJC,MAAAA,eAHI;AAIJC,MAAAA,qBAJI;AAKJC,MAAAA,UALI;AAMJC,MAAAA,WANI;AAOJC,MAAAA,WAPI;AAQJC,MAAAA,gBARI;AASJC,MAAAA,gBATI;AAUJC,MAAAA,WAVI;AAWJC,MAAAA,mBAXI;AAYJC,MAAAA,iBAZI;AAaJC,MAAAA,YAbI;AAcJC,MAAAA;AAdI,QAeFhB,OAfJ;AAiBA,wBACE,oBAAC,MAAD;AACE,MAAA,GAAG,EAAET,KAAK,CAACM,GADb;AAEE,MAAA,OAAO,EAAEJ,SAFX;AAGE,MAAA,KAAK,EAAEF,KAHT;AAIE,MAAA,UAAU,EAAEU,UAJd;AAKE,MAAA,WAAW,EAAEG,WALf;AAME,MAAA,iBAAiB,EAAEU,iBANrB;AAOE,MAAA,MAAM,EACJX,MAAM,KAAKJ,SAAX,GACEI,MAAM,CAAC;AACLc,QAAAA,IAAI,EAAEnB,kBAAkB,GACpB;AACEoB,UAAAA,KAAK,EAAE3C,cAAc,CACnBuB,kBAAkB,CAACE,OADA,EAEnBF,kBAAkB,CAACP,KAAnB,CAAyB4B,IAFN;AADvB,SADoB,GAOpBpB,SARC;AASLC,QAAAA,OATK;AAULT,QAAAA,KAVK;AAWLU,QAAAA;AAXK,OAAD,CADR,gBAeE,oBAAC,MAAD;AACE,QAAA,KAAK,EAAE1B,cAAc,CAACyB,OAAD,EAAUT,KAAK,CAAC4B,IAAhB,CADvB;AAEE,QAAA,eAAe,EAAEd,eAFnB;AAGE,QAAA,UAAU,EACR,OAAOE,UAAP,KAAsB,UAAtB,GACI,CAAC;AAAEa,UAAAA;AAAF,SAAD,KACEb,UAAU,CAAC;AACTa,UAAAA,SADS;AAETzB,UAAAA,SAFS;AAGT0B,UAAAA,KAAK,EAAEL;AAHE,SAAD,CAFhB,GAOIT,UAAU,KAAKR,SAAf,IAA4BJ,SAA5B,GACA,CAAC;AAAEyB,UAAAA;AAAF,SAAD,kBACE,oBAAC,gBAAD;AACE,UAAA,SAAS,EAAEA,SADb;AAEE,UAAA,SAAS,EACPd,qBAAqB,KAAKP,SAA1B,GACI,mBACE,oBAAC,KAAD;AACE,YAAA,MAAM,EAAEO,qBADV;AAEE,YAAA,KAAK,EAAE,CACLnB,MAAM,CAACmC,SADF,EAEL;AAAEF,cAAAA;AAAF,aAFK;AAFT,YAFN,GAUIrB,SAbR;AAeE,UAAA,OAAO,EAAEE,UAAU,CAACsB,MAftB;AAgBE,UAAA,SAAS,EAAE5B;AAhBb,UAFF,GAqBAY,UAhCR;AAkCE,QAAA,WAAW,EACT,OAAOC,WAAP,KAAuB,UAAvB,GACI,CAAC;AAAEY,UAAAA;AAAF,SAAD,KAAmBZ,WAAW,CAAC;AAAEY,UAAAA;AAAF,SAAD,CADlC,GAEIZ,WArCR;AAuCE,QAAA,WAAW,EACT,OAAOC,WAAP,KAAuB,UAAvB,GACI,CAAC;AAAEe,UAAAA,QAAF;AAAYJ,UAAAA;AAAZ,SAAD,KACEX,WAAW,CAAC;AAAEe,UAAAA,QAAF;AAAYJ,UAAAA;AAAZ,SAAD,CAFjB,GAGIX,WA3CR;AA6CE,QAAA,gBAAgB,EAAEC,gBA7CpB;AA8CE,QAAA,gBAAgB,EAAEC,gBA9CpB;AA+CE,QAAA,WAAW,EAAE,CACXG,iBAAiB,GACb;AACEW,UAAAA,QAAQ,EAAE,UADZ;AAEEC,UAAAA,eAAe,EAAE;AAFnB,SADa,GAKb,IANO,EAOXd,WAPW,EAQXC,mBAAmB,KAAK,KAAxB,GACI;AAAEc,UAAAA,aAAa,EAAE,CAAjB;AAAoBC,UAAAA,iBAAiB,EAAE;AAAvC,SADJ,GAEI,IAVO;AA/Cf,QAvBN;AAqFE,MAAA,KAAK,EAAE,CACL9C,UAAU,CAAC+C,YADN,EAEL;AAAEC,QAAAA,OAAO,EAAErC,SAAS,GAAG,MAAH,GAAY;AAAhC,OAFK;AArFT,oBA0FE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACN,MAAM,CAAC4C,gBAAR,EAA0BhB,YAA1B;AAAb,OACGb,MAAM,EADT,CA1FF,CADF;AAgGD,GA1HA,CADH,CADF,CADF;AAiID;AAED,MAAMf,MAAM,GAAGL,UAAU,CAACkD,MAAX,CAAkB;AAC/B5C,EAAAA,SAAS,EAAE;AACT6C,IAAAA,IAAI,EAAE;AADG,GADoB;AAI/BF,EAAAA,gBAAgB,EAAE;AAChBE,IAAAA,IAAI,EAAE;AADU,GAJa;AAO/BX,EAAAA,SAAS,EAAE;AACTY,IAAAA,MAAM,EAAE,EADC;AAETC,IAAAA,KAAK,EAAE,EAFE;AAGTC,IAAAA,MAAM,EAAE,CAHC;AAITC,IAAAA,UAAU,EAAE;AAJH;AAPoB,CAAlB,CAAf","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"]}
+{"version":3,"sources":["NativeStackView.tsx"],"names":["getHeaderTitle","Header","HeaderBackButton","SafeAreaProviderCompat","Screen","React","Image","StyleSheet","View","TRANSPARENT_PRESENTATIONS","NativeStackView","state","descriptors","styles","container","routes","map","route","i","isFocused","index","canGoBack","previousKey","key","nextKey","previousDescriptor","undefined","nexDescriptor","options","navigation","render","header","headerShown","headerTintColor","headerBackImageSource","headerLeft","headerRight","headerTitle","headerTitleAlign","headerTitleStyle","headerStyle","headerShadowVisible","headerTransparent","headerBackTitle","presentation","contentStyle","nextPresentation","back","title","name","tintColor","label","backImage","goBack","children","position","backgroundColor","shadowOpacity","borderBottomWidth","absoluteFill","display","includes","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\nconst TRANSPARENT_PRESENTATIONS = [\n  'transparentModal',\n  'containedTransparentModal',\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 nextKey = state.routes[i + 1]?.key;\n          const previousDescriptor = previousKey\n            ? descriptors[previousKey]\n            : undefined;\n          const nexDescriptor = nextKey ? descriptors[nextKey] : 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            headerBackTitle,\n            presentation,\n            contentStyle,\n          } = options;\n\n          const nextPresentation = nexDescriptor?.options.presentation;\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 }) =>\n                            headerRight({ tintColor, canGoBack })\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                {\n                  display:\n                    isFocused ||\n                    (nextPresentation != null &&\n                      TRANSPARENT_PRESENTATIONS.includes(nextPresentation))\n                      ? 'flex'\n                      : 'none',\n                },\n                presentation != null &&\n                TRANSPARENT_PRESENTATIONS.includes(presentation)\n                  ? { backgroundColor: 'transparent' }\n                  : null,\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

@@ -1,9 +1,9 @@
 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 { NavigationContext, NavigationRouteContext, StackActions, useTheme } from '@react-navigation/native';
 import * as React from 'react';
-import { Platform, StyleSheet } from 'react-native';
+import { Platform, StyleSheet, View } from 'react-native';
 import { useSafeAreaFrame, useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Screen, ScreenStack } from 'react-native-screens';
 import warnOnce from 'warn-once';
@@ -11,12 +11,14 @@ import DebugContainer from './DebugContainer';
 import HeaderConfig from './HeaderConfig';
 const isAndroid = Platform.OS === 'android';
 
-const MaybeNestedStack = ({
-  options,
-  route,
-  presentation,
-  children
-}) => {
+const MaybeNestedStack = _ref => {
+  let {
+    options,
+    route,
+    presentation,
+    headerHeight,
+    children
+  } = _ref;
   const {
     colors
   } = useTheme();
@@ -37,14 +39,6 @@ const MaybeNestedStack = ({
     }, 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, {
@@ -52,28 +46,26 @@ const MaybeNestedStack = ({
     }, /*#__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,
+      headerHeight: headerHeight,
       canGoBack: true
-    })), content))));
+    })), content));
   }
 
   return content;
 };
 
-const SceneView = ({
-  descriptor,
-  previousDescriptor,
-  index,
-  onWillDisappear,
-  onAppear,
-  onDisappear,
-  onDismissed
-}) => {
+const SceneView = _ref2 => {
+  let {
+    descriptor,
+    previousDescriptor,
+    index,
+    onWillDisappear,
+    onAppear,
+    onDisappear,
+    onDismissed
+  } = _ref2;
   const {
     route,
     navigation,
@@ -81,11 +73,13 @@ const SceneView = ({
     render
   } = descriptor;
   const {
+    animation,
+    animationTypeForReplace = 'push',
+    customAnimationOnGesture,
+    fullScreenGestureEnabled,
     gestureEnabled,
     header,
     headerShown,
-    animationTypeForReplace = 'push',
-    animation,
     orientation,
     statusBarAnimation,
     statusBarHidden,
@@ -103,13 +97,24 @@ const SceneView = ({
 
   const isHeaderInPush = isAndroid ? headerShown : presentation === 'card' && headerShown !== false;
   const insets = useSafeAreaInsets();
+  const frame = useSafeAreaFrame(); // `modal` and `formSheet` presentations do not take whole screen, so should not take the inset.
+
+  const isModal = presentation === 'modal' || presentation === 'formSheet'; // Modals are fullscreen in landscape only on iPhone
+
+  const isIPhone = Platform.OS === 'ios' && !(Platform.isPad && Platform.isTVOS);
+  const isLandscape = frame.width > frame.height;
+  const topInset = isModal || isIPhone && isLandscape ? 0 : insets.top;
   const isParentHeaderShown = React.useContext(HeaderShownContext);
   const parentHeaderHeight = React.useContext(HeaderHeightContext);
-  const headerHeight = getDefaultHeaderHeight(useSafeAreaFrame(), false, insets.top);
+  const defaultHeaderHeight = getDefaultHeaderHeight(frame, isModal, topInset);
+  const [customHeaderHeight, setCustomHeaderHeight] = React.useState(defaultHeaderHeight);
+  const headerHeight = header ? customHeaderHeight : defaultHeaderHeight;
   return /*#__PURE__*/React.createElement(Screen, {
     key: route.key,
     enabled: true,
     style: StyleSheet.absoluteFill,
+    customAnimationOnSwipe: customAnimationOnGesture,
+    fullScreenSwipeEnabled: fullScreenGestureEnabled,
     gestureEnabled: isAndroid ? // This prop enables handling of system back gestures on Android
     // Since we handle them in JS side, we disable this
     false : gestureEnabled,
@@ -123,37 +128,48 @@ const SceneView = ({
     onWillDisappear: onWillDisappear,
     onAppear: onAppear,
     onDisappear: onDisappear,
-    onDismissed: onDismissed
+    onDismissed: onDismissed,
+    isNativeStack: true
   }, /*#__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({
+  }, header !== undefined && headerShown !== false ? /*#__PURE__*/React.createElement(NavigationContext.Provider, {
+    value: navigation
+  }, /*#__PURE__*/React.createElement(NavigationRouteContext.Provider, {
+    value: route
+  }, /*#__PURE__*/React.createElement(View, {
+    onLayout: e => {
+      setCustomHeaderHeight(e.nativeEvent.layout.height);
+    }
+  }, header({
     back: previousDescriptor ? {
       title: getHeaderTitle(previousDescriptor.options, previousDescriptor.route.name)
     } : undefined,
     options,
     route,
     navigation
-  }) : /*#__PURE__*/React.createElement(HeaderConfig, _extends({}, options, {
+  })))) : /*#__PURE__*/React.createElement(HeaderConfig, _extends({}, options, {
     route: route,
     headerShown: isHeaderInPush,
+    headerHeight: headerHeight,
     canGoBack: index !== 0
   })), /*#__PURE__*/React.createElement(MaybeNestedStack, {
     options: options,
     route: route,
-    presentation: presentation
+    presentation: presentation,
+    headerHeight: headerHeight
   }, render()))));
 };
 
-function NativeStackViewInner({
-  state,
-  navigation,
-  descriptors
-}) {
+function NativeStackViewInner(_ref3) {
   var _state$routes$find;
 
+  let {
+    state,
+    navigation,
+    descriptors
+  } = _ref3;
   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(() => {

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

@@ -1 +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":";;AAAA,SACEA,sBADF,EAEEC,cAFF,EAGEC,mBAHF,EAIEC,kBAJF,EAKEC,sBALF,QAMO,4BANP;AAOA,SAGEC,YAHF,EAKEC,QALF,QAMO,0BANP;AAOA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT,EAAsCC,UAAtC,QAAwD,cAAxD;AACA,SACEC,gBADF,EAEEC,iBAFF,QAGO,gCAHP;AAIA,SACEC,MADF,EAEEC,WAFF,QAIO,sBAJP;AAKA,OAAOC,QAAP,MAAqB,WAArB;AAQA,OAAOC,cAAP,MAA2B,kBAA3B;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AAEA,MAAMC,SAAS,GAAGT,QAAQ,CAACU,EAAT,KAAgB,SAAlC;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;AACxBC,EAAAA,OADwB;AAExBC,EAAAA,KAFwB;AAGxBC,EAAAA,YAHwB;AAIxBC,EAAAA;AAJwB,CAAD,KAUnB;AACJ,QAAM;AAAEC,IAAAA;AAAF,MAAalB,QAAQ,EAA3B;AACA,QAAM;AAAEmB,IAAAA,MAAF;AAAUC,IAAAA,WAAW,GAAG,IAAxB;AAA8BC,IAAAA;AAA9B,MAA+CP,OAArD;AAEA,QAAMQ,eAAe,GAAGX,SAAS,GAC7B,KAD6B,GAE7BK,YAAY,KAAK,MAAjB,IAA2BI,WAAW,KAAK,IAA3C,IAAmDD,MAAM,KAAKI,SAFlE;AAIA,QAAMC,sBAAsB,GAAGvB,KAAK,CAACwB,MAAN,CAAaL,WAAb,CAA/B;AAEAnB,EAAAA,KAAK,CAACyB,SAAN,CAAgB,MAAM;AACpBlB,IAAAA,QAAQ,CACN,CAACG,SAAD,IACEK,YAAY,KAAK,MADnB,IAEEQ,sBAAsB,CAACG,OAAvB,KAAmCP,WAH/B,EAIL,6IAA4IL,KAAK,CAACa,IAAK,IAJlJ,CAAR;AAOAJ,IAAAA,sBAAsB,CAACG,OAAvB,GAAiCP,WAAjC;AACD,GATD,EASG,CAACA,WAAD,EAAcJ,YAAd,EAA4BD,KAAK,CAACa,IAAlC,CATH;AAWA,QAAMC,OAAO,gBACX,oBAAC,cAAD;AACE,IAAA,KAAK,EAAE,CACLC,MAAM,CAACC,SADF,EAELf,YAAY,KAAK,kBAAjB,IACEA,YAAY,KAAK,2BADnB,IACkD;AAC9CgB,MAAAA,eAAe,EAAEd,MAAM,CAACe;AADsB,KAH7C,EAMLZ,YANK,CADT;AASE,IAAA,iBAAiB,EAAEL,YAAY,KAAK,MAAjB,GAA0B,MAA1B,GAAmCA;AATxD,KAWGC,QAXH,CADF;AAgBA,QAAMiB,MAAM,GAAG7B,iBAAiB,EAAhC;AACA,QAAM8B,UAAU,GAAG/B,gBAAgB,EAAnC,CAtCI,CAuCJ;;AACA,QAAMgC,WAAW,GACfD,UAAU,CAACE,KAAX,GAAmBF,UAAU,CAACG,MAA9B,IACA,CAAEpC,QAAD,CAAgCqC,KADjC,IAEA,CAAErC,QAAD,CAAgCsC,MAHnC,CAxCI,CA4CJ;;AACA,QAAMC,iBAAiB,GACrBzB,YAAY,KAAK,OAAjB,IAA4BA,YAAY,KAAK,WAD/C;AAEA,QAAM0B,QAAQ,GAAGD,iBAAiB,IAAI,CAACL,WAAtB,GAAoCF,MAAM,CAACS,GAA3C,GAAiD,CAAlE;AACA,QAAMC,YAAY,GAAGlD,sBAAsB,CACzCyC,UADyC,EAEzC,CAACM,iBAFwC,EAGzCC,QAHyC,CAA3C;;AAMA,MAAIpB,eAAJ,EAAqB;AACnB,wBACE,oBAAC,WAAD;AAAa,MAAA,KAAK,EAAEQ,MAAM,CAACC;AAA3B,oBACE,oBAAC,MAAD;AAAQ,MAAA,OAAO,MAAf;AAAgB,MAAA,KAAK,EAAE5B,UAAU,CAAC0C;AAAlC,oBACE,oBAAC,kBAAD,CAAoB,QAApB;AAA6B,MAAA,KAAK;AAAlC,oBACE,oBAAC,mBAAD,CAAqB,QAArB;AAA8B,MAAA,KAAK,EAAED;AAArC,oBACE,oBAAC,YAAD,eAAkB9B,OAAlB;AAA2B,MAAA,KAAK,EAAEC,KAAlC;AAAyC,MAAA,SAAS;AAAlD,OADF,EAEGc,OAFH,CADF,CADF,CADF,CADF;AAYD;;AAED,SAAOA,OAAP;AACD,CAhFD;;AA4FA,MAAMiB,SAAS,GAAG,CAAC;AACjBC,EAAAA,UADiB;AAEjBC,EAAAA,kBAFiB;AAGjBC,EAAAA,KAHiB;AAIjBC,EAAAA,eAJiB;AAKjBC,EAAAA,QALiB;AAMjBC,EAAAA,WANiB;AAOjBC,EAAAA;AAPiB,CAAD,KAQI;AACpB,QAAM;AAAEtC,IAAAA,KAAF;AAASuC,IAAAA,UAAT;AAAqBxC,IAAAA,OAArB;AAA8ByC,IAAAA;AAA9B,MAAyCR,UAA/C;AACA,QAAM;AACJS,IAAAA,cADI;AAEJrC,IAAAA,MAFI;AAGJC,IAAAA,WAHI;AAIJqC,IAAAA,uBAAuB,GAAG,MAJtB;AAKJC,IAAAA,SALI;AAMJC,IAAAA,WANI;AAOJC,IAAAA,kBAPI;AAQJC,IAAAA,eARI;AASJC,IAAAA;AATI,MAUFhD,OAVJ;AAYA,MAAI;AAAEE,IAAAA,YAAY,GAAG;AAAjB,MAA4BF,OAAhC;;AAEA,MAAImC,KAAK,KAAK,CAAd,EAAiB;AACf;AACA;AACAjC,IAAAA,YAAY,GAAG,MAAf;AACD;;AAED,QAAM+C,cAAc,GAAGpD,SAAS,GAC5BS,WAD4B,GAE5BJ,YAAY,KAAK,MAAjB,IAA2BI,WAAW,KAAK,KAF/C;AAIA,QAAMc,MAAM,GAAG7B,iBAAiB,EAAhC;AAEA,QAAM2D,mBAAmB,GAAG/D,KAAK,CAACgE,UAAN,CAAiBpE,kBAAjB,CAA5B;AACA,QAAMqE,kBAAkB,GAAGjE,KAAK,CAACgE,UAAN,CAAiBrE,mBAAjB,CAA3B;AACA,QAAMgD,YAAY,GAAGlD,sBAAsB,CACzCU,gBAAgB,EADyB,EAEzC,KAFyC,EAGzC8B,MAAM,CAACS,GAHkC,CAA3C;AAMA,sBACE,oBAAC,MAAD;AACE,IAAA,GAAG,EAAE5B,KAAK,CAACoD,GADb;AAEE,IAAA,OAAO,MAFT;AAGE,IAAA,KAAK,EAAEhE,UAAU,CAAC0C,YAHpB;AAIE,IAAA,cAAc,EACZlC,SAAS,GACL;AACA;AACA,SAHK,GAIL6C,cATR;AAWE,IAAA,gBAAgB,EAAEC,uBAXpB;AAYE,IAAA,iBAAiB,EAAEzC,YAAY,KAAK,MAAjB,GAA0B,MAA1B,GAAmCA,YAZxD;AAaE,IAAA,cAAc,EAAE0C,SAblB;AAcE,IAAA,iBAAiB,EAAEC,WAdrB;AAeE,IAAA,kBAAkB,EAAEC,kBAftB;AAgBE,IAAA,eAAe,EAAEC,eAhBnB;AAiBE,IAAA,cAAc,EAAEC,cAjBlB;AAkBE,IAAA,eAAe,EAAEZ,eAlBnB;AAmBE,IAAA,QAAQ,EAAEC,QAnBZ;AAoBE,IAAA,WAAW,EAAEC,WApBf;AAqBE,IAAA,WAAW,EAAEC;AArBf,kBAuBE,oBAAC,kBAAD,CAAoB,QAApB;AACE,IAAA,KAAK,EAAEW,mBAAmB,IAAID,cAAc,KAAK;AADnD,kBAGE,oBAAC,mBAAD,CAAqB,QAArB;AACE,IAAA,KAAK,EACHA,cAAc,KAAK,KAAnB,GAA2BnB,YAA3B,GAA0CsB,kBAA1C,aAA0CA,kBAA1C,cAA0CA,kBAA1C,GAAgE;AAFpE,KAKG/C,MAAM,KAAKI,SAAX,IAAwBH,WAAW,KAAK,KAAxC,GACC;AACAD,EAAAA,MAAM,CAAC;AACLiD,IAAAA,IAAI,EAAEpB,kBAAkB,GACpB;AACEqB,MAAAA,KAAK,EAAE1E,cAAc,CACnBqD,kBAAkB,CAAClC,OADA,EAEnBkC,kBAAkB,CAACjC,KAAnB,CAAyBa,IAFN;AADvB,KADoB,GAOpBL,SARC;AASLT,IAAAA,OATK;AAULC,IAAAA,KAVK;AAWLuC,IAAAA;AAXK,GAAD,CAFP,gBAgBC,oBAAC,YAAD,eACMxC,OADN;AAEE,IAAA,KAAK,EAAEC,KAFT;AAGE,IAAA,WAAW,EAAEgD,cAHf;AAIE,IAAA,SAAS,EAAEd,KAAK,KAAK;AAJvB,KArBJ,eA4BE,oBAAC,gBAAD;AACE,IAAA,OAAO,EAAEnC,OADX;AAEE,IAAA,KAAK,EAAEC,KAFT;AAGE,IAAA,YAAY,EAAEC;AAHhB,KAKGuC,MAAM,EALT,CA5BF,CAHF,CAvBF,CADF;AAkED,CA9GD;;AAsHA,SAASe,oBAAT,CAA8B;AAAEC,EAAAA,KAAF;AAASjB,EAAAA,UAAT;AAAqBkB,EAAAA;AAArB,CAA9B,EAAyE;AAAA;;AACvE,QAAM,CAACC,gBAAD,EAAmBC,mBAAnB,IACJzE,KAAK,CAAC0E,QAAN,CAA8B,IAA9B,CADF;AAGA,QAAMC,kBAAkB,GAAGH,gBAAgB,yBACvCF,KAAK,CAACM,MAAN,CAAaC,IAAb,CAAmB/D,KAAD,IAAWA,KAAK,CAACoD,GAAN,KAAcM,gBAA3C,CADuC,uDACvC,mBAA8D7C,IADvB,GAEvC,IAFJ;AAIA3B,EAAAA,KAAK,CAACyB,SAAN,CAAgB,MAAM;AACpB,QAAIkD,kBAAJ,EAAwB;AACtB,YAAMG,OAAO,GACV,eAAcH,kBAAmB,+DAAlC,GACC,6HADD,GAEC,uJAHH;AAKAI,MAAAA,OAAO,CAACC,KAAR,CAAcF,OAAd;AACD;AACF,GATD,EASG,CAACH,kBAAD,CATH;AAWA,sBACE,oBAAC,WAAD;AAAa,IAAA,KAAK,EAAE9C,MAAM,CAACC;AAA3B,KACGwC,KAAK,CAACM,MAAN,CAAaK,GAAb,CAAiB,CAACnE,KAAD,EAAQkC,KAAR,KAAkB;AAAA;;AAClC,UAAMF,UAAU,GAAGyB,WAAW,CAACzD,KAAK,CAACoD,GAAP,CAA9B;AACA,UAAMgB,WAAW,oBAAGZ,KAAK,CAACM,MAAN,CAAa5B,KAAK,GAAG,CAArB,CAAH,kDAAG,cAAyBkB,GAA7C;AACA,UAAMnB,kBAAkB,GAAGmC,WAAW,GAClCX,WAAW,CAACW,WAAD,CADuB,GAElC5D,SAFJ;AAIA,wBACE,oBAAC,SAAD;AACE,MAAA,GAAG,EAAER,KAAK,CAACoD,GADb;AAEE,MAAA,KAAK,EAAElB,KAFT;AAGE,MAAA,UAAU,EAAEF,UAHd;AAIE,MAAA,kBAAkB,EAAEC,kBAJtB;AAKE,MAAA,eAAe,EAAE,MAAM;AACrBM,QAAAA,UAAU,CAAC8B,IAAX,CAAgB;AACdC,UAAAA,IAAI,EAAE,iBADQ;AAEdC,UAAAA,IAAI,EAAE;AAAEC,YAAAA,OAAO,EAAE;AAAX,WAFQ;AAGdC,UAAAA,MAAM,EAAEzE,KAAK,CAACoD;AAHA,SAAhB;AAKD,OAXH;AAYE,MAAA,QAAQ,EAAE,MAAM;AACdb,QAAAA,UAAU,CAAC8B,IAAX,CAAgB;AACdC,UAAAA,IAAI,EAAE,eADQ;AAEdC,UAAAA,IAAI,EAAE;AAAEC,YAAAA,OAAO,EAAE;AAAX,WAFQ;AAGdC,UAAAA,MAAM,EAAEzE,KAAK,CAACoD;AAHA,SAAhB;AAKD,OAlBH;AAmBE,MAAA,WAAW,EAAE,MAAM;AACjBb,QAAAA,UAAU,CAAC8B,IAAX,CAAgB;AACdC,UAAAA,IAAI,EAAE,eADQ;AAEdC,UAAAA,IAAI,EAAE;AAAEC,YAAAA,OAAO,EAAE;AAAX,WAFQ;AAGdC,UAAAA,MAAM,EAAEzE,KAAK,CAACoD;AAHA,SAAhB;AAKD,OAzBH;AA0BE,MAAA,WAAW,EAAE,MAAM;AACjBb,QAAAA,UAAU,CAACmC,QAAX,CAAoB,EAClB,GAAG1F,YAAY,CAAC2F,GAAb,EADe;AAElBC,UAAAA,MAAM,EAAE5E,KAAK,CAACoD,GAFI;AAGlBqB,UAAAA,MAAM,EAAEjB,KAAK,CAACJ;AAHI,SAApB;AAMAO,QAAAA,mBAAmB,CAAC3D,KAAK,CAACoD,GAAP,CAAnB;AACD;AAlCH,MADF;AAsCD,GA7CA,CADH,CADF;AAkDD;;AAED,eAAe,SAASyB,eAAT,CAAyBC,KAAzB,EAAuC;AACpD,sBACE,oBAAC,sBAAD,qBACE,oBAAC,oBAAD,EAA0BA,KAA1B,CADF,CADF;AAKD;AAED,MAAM/D,MAAM,GAAG3B,UAAU,CAAC2F,MAAX,CAAkB;AAC/B/D,EAAAA,SAAS,EAAE;AACTgE,IAAAA,IAAI,EAAE;AADG;AADoB,CAAlB,CAAf","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 = 'push',\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 insets = useSafeAreaInsets();\n\n  const isParentHeaderShown = React.useContext(HeaderShownContext);\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"]}
+{"version":3,"sources":["NativeStackView.native.tsx"],"names":["getDefaultHeaderHeight","getHeaderTitle","HeaderHeightContext","HeaderShownContext","SafeAreaProviderCompat","NavigationContext","NavigationRouteContext","StackActions","useTheme","React","Platform","StyleSheet","View","useSafeAreaFrame","useSafeAreaInsets","Screen","ScreenStack","warnOnce","DebugContainer","HeaderConfig","isAndroid","OS","MaybeNestedStack","options","route","presentation","headerHeight","children","colors","header","headerShown","contentStyle","isHeaderInModal","undefined","headerShownPreviousRef","useRef","useEffect","current","name","content","styles","container","backgroundColor","background","absoluteFill","SceneView","descriptor","previousDescriptor","index","onWillDisappear","onAppear","onDisappear","onDismissed","navigation","render","animation","animationTypeForReplace","customAnimationOnGesture","fullScreenGestureEnabled","gestureEnabled","orientation","statusBarAnimation","statusBarHidden","statusBarStyle","isHeaderInPush","insets","frame","isModal","isIPhone","isPad","isTVOS","isLandscape","width","height","topInset","top","isParentHeaderShown","useContext","parentHeaderHeight","defaultHeaderHeight","customHeaderHeight","setCustomHeaderHeight","useState","key","e","nativeEvent","layout","back","title","NativeStackViewInner","state","descriptors","nextDismissedKey","setNextDismissedKey","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  NavigationContext,\n  NavigationRouteContext,\n  ParamListBase,\n  Route,\n  StackActions,\n  StackNavigationState,\n  useTheme,\n} from '@react-navigation/native';\nimport * as React from 'react';\nimport { Platform, StyleSheet, View } 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  headerHeight,\n  children,\n}: {\n  options: NativeStackNavigationOptions;\n  route: Route<string>;\n  presentation: Exclude<StackPresentationTypes, 'push'> | 'card';\n  headerHeight: number;\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  if (isHeaderInModal) {\n    return (\n      <ScreenStack style={styles.container}>\n        <Screen enabled style={StyleSheet.absoluteFill}>\n          <HeaderConfig\n            {...options}\n            route={route}\n            headerHeight={headerHeight}\n            canGoBack\n          />\n          {content}\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    animation,\n    animationTypeForReplace = 'push',\n    customAnimationOnGesture,\n    fullScreenGestureEnabled,\n    gestureEnabled,\n    header,\n    headerShown,\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 insets = useSafeAreaInsets();\n  const frame = useSafeAreaFrame();\n\n  // `modal` and `formSheet` presentations do not take whole screen, so should not take the inset.\n  const isModal = presentation === 'modal' || presentation === 'formSheet';\n\n  // Modals are fullscreen in landscape only on iPhone\n  const isIPhone =\n    Platform.OS === 'ios' && !(Platform.isPad && Platform.isTVOS);\n  const isLandscape = frame.width > frame.height;\n\n  const topInset = isModal || (isIPhone && isLandscape) ? 0 : insets.top;\n\n  const isParentHeaderShown = React.useContext(HeaderShownContext);\n  const parentHeaderHeight = React.useContext(HeaderHeightContext);\n\n  const defaultHeaderHeight = getDefaultHeaderHeight(frame, isModal, topInset);\n\n  const [customHeaderHeight, setCustomHeaderHeight] =\n    React.useState(defaultHeaderHeight);\n\n  const headerHeight = header ? customHeaderHeight : defaultHeaderHeight;\n\n  return (\n    <Screen\n      key={route.key}\n      enabled\n      style={StyleSheet.absoluteFill}\n      customAnimationOnSwipe={customAnimationOnGesture}\n      fullScreenSwipeEnabled={fullScreenGestureEnabled}\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      isNativeStack\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            <NavigationContext.Provider value={navigation}>\n              <NavigationRouteContext.Provider value={route}>\n                <View\n                  onLayout={(e) => {\n                    setCustomHeaderHeight(e.nativeEvent.layout.height);\n                  }}\n                >\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                </View>\n              </NavigationRouteContext.Provider>\n            </NavigationContext.Provider>\n          ) : (\n            <HeaderConfig\n              {...options}\n              route={route}\n              headerShown={isHeaderInPush}\n              headerHeight={headerHeight}\n              canGoBack={index !== 0}\n            />\n          )}\n          <MaybeNestedStack\n            options={options}\n            route={route}\n            presentation={presentation}\n            headerHeight={headerHeight}\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] = React.useState<string | null>(\n    null\n  );\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

@@ -2,7 +2,11 @@
  * Navigators
  */
 export { default as createNativeStackNavigator } from './navigators/createNativeStackNavigator';
+/**
+ * Views
+ */
+export { default as NativeStackView } from './views/NativeStackView';
 /**
  * Types
  */
-export type { NativeStackHeaderProps, NativeStackNavigationOptions, NativeStackNavigationProp, NativeStackScreenProps, } from './types';
+export type { NativeStackHeaderProps, NativeStackNavigationEventMap, NativeStackNavigationOptions, NativeStackNavigationProp, NativeStackScreenProps, } from './types';

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

@@ -50,20 +50,22 @@ export declare type NativeStackHeaderProps = {
      */
     navigation: NativeStackNavigationProp<ParamListBase>;
 };
-export declare type HeaderBackButtonProps = {
+export declare type HeaderButtonProps = {
     /**
      * Tint color for the header.
      */
     tintColor?: string;
+    /**
+     * Whether it's possible to navigate back in stack.
+     */
+    canGoBack: boolean;
+};
+export declare type HeaderBackButtonProps = HeaderButtonProps & {
     /**
      * Label text for the button. Usually the title of the previous screen.
      * By default, this is only shown on iOS.
      */
     label?: string;
-    /**
-     * Whether it's possible to navigate back in stack.
-     */
-    canGoBack: boolean;
 };
 export declare type NativeStackNavigationOptions = {
     /**
@@ -143,6 +145,7 @@ export declare type NativeStackNavigationOptions = {
      *
      * For large title to collapse on scroll, the content of the screen should be wrapped in a scrollable view such as `ScrollView` or `FlatList`.
      * If the scrollable area doesn't fill the screen, the large title won't collapse on scroll.
+     * You also need to specify `contentInsetAdjustmentBehavior="automatic"` in your `ScrollView`, `FlatList` etc.
      *
      * Only supported on iOS.
      *
@@ -209,6 +212,12 @@ export declare type NativeStackNavigationOptions = {
      * Tint color for the header. Changes the color of back button and title.
      */
     headerTintColor?: string;
+    /**
+     * Function which returns a React Element to render as the background of the header.
+     * This is useful for using backgrounds such as an image, a gradient, blur effect etc.
+     * You can use this with `headerTransparent` to render content underneath a translucent header.
+     */
+    headerBackground?: () => React.ReactNode;
     /**
      * 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.
@@ -217,9 +226,7 @@ export declare type NativeStackNavigationOptions = {
     /**
      * Function which returns a React Element to display on the right side of the header.
      */
-    headerRight?: (props: {
-        tintColor?: string;
-    }) => React.ReactNode;
+    headerRight?: (props: HeaderButtonProps) => React.ReactNode;
     /**
      * String or a function that returns a React Element to be used by the header.
      * Defaults to screen `title` or route name.
@@ -257,9 +264,11 @@ export declare type NativeStackNavigationOptions = {
         color?: string;
     }>;
     /**
-     * Options to render a native search bar on iOS.
+     * Options to render a native search bar.
+     * You also need to specify `contentInsetAdjustmentBehavior="automatic"` in your `ScrollView`, `FlatList` etc.
+     * If you don't have a `ScrollView`, specify `headerTransparent: false`.
      *
-     * @platform ios
+     * Only supported on iOS and Android.
      */
     headerSearchBarOptions?: SearchBarProps;
     /**
@@ -302,6 +311,24 @@ export declare type NativeStackNavigationOptions = {
      * Style object for the scene content.
      */
     contentStyle?: StyleProp<ViewStyle>;
+    /**
+     * Whether the gesture to dismiss should use animation provided to `animation` prop. Defaults to `false`.
+     *
+     * Doesn't affect the behavior of screens presented modally.
+     *
+     * @platform ios
+     */
+    customAnimationOnGesture?: boolean;
+    /**
+     * Whether the gesture to dismiss should work on the whole screen. Using gesture to dismiss with this option results in the same
+     * transition animation as `simple_push`. This behavior can be changed by setting `customAnimationOnGesture` prop. Achieving the
+     * default iOS animation isn't possible due to platform limitations. Defaults to `false`.
+     *
+     * Doesn't affect the behavior of screens presented modally.
+     *
+     * @platform ios
+     */
+    fullScreenGestureEnabled?: boolean;
     /**
      * Whether you can use gestures to dismiss this screen. Defaults to `true`.
      *
@@ -326,7 +353,9 @@ export declare type NativeStackNavigationOptions = {
      * Supported values:
      * - "default": use the platform default animation
      * - "fade": fade screen in or out
-     * - "flip": flip the screen, requires stackPresentation: "modal" (iOS only)
+     * - "flip": flip the screen, requires presentation: "modal" (iOS only)
+     * - "simple_push": use the platform default animation, but without shadow and native header transition (iOS only)
+     * - "slide_from_bottom": slide in the new screen from bottom
      * - "slide_from_right": slide in the new screen from right (Android only, uses default animation on iOS)
      * - "slide_from_left": slide in the new screen from left (Android only, uses default animation on iOS)
      * - "none": don't animate the screen

package/lib/typescript/src/views/HeaderConfig.d.ts

@@ -2,8 +2,9 @@
 import { Route } from '@react-navigation/native';
 import type { NativeStackNavigationOptions } from '../types';
 declare type Props = NativeStackNavigationOptions & {
+    headerHeight: number;
     route: Route<string>;
     canGoBack: boolean;
 };
-export default function HeaderConfig({ headerBackImageSource, headerBackButtonMenuEnabled, headerBackTitle, headerBackTitleStyle, headerBackTitleVisible, headerBackVisible, headerShadowVisible, headerLargeStyle, headerLargeTitle, headerLargeTitleShadowVisible, headerLargeTitleStyle, headerLeft, headerRight, headerShown, headerStyle, headerBlurEffect, headerTintColor, headerTitle, headerTitleAlign, headerTitleStyle, headerTransparent, headerSearchBarOptions, route, title, canGoBack, }: Props): JSX.Element;
+export default function HeaderConfig({ headerHeight, headerBackImageSource, headerBackButtonMenuEnabled, headerBackTitle, headerBackTitleStyle, headerBackTitleVisible, headerBackVisible, headerShadowVisible, headerLargeStyle, headerLargeTitle, headerLargeTitleShadowVisible, headerLargeTitleStyle, headerBackground, headerLeft, headerRight, headerShown, headerStyle, headerBlurEffect, headerTintColor, headerTitle, headerTitleAlign, headerTitleStyle, headerTransparent, headerSearchBarOptions, route, title, canGoBack, }: Props): JSX.Element;
 export {};