chore: publish

- react-navigation-animated-switch@0.6.0 - react-navigation-drawer@2.5.0 - react-navigation-material-bottom-tabs@2.3.0 - @react-navigation/native@3.8.0 - react-navigation@4.4.0 - react-navigation-stack@2.8.0 - react-navigation-tabs@2.9.0
feat: sync latest stack and upgrade typescript
2026-01-13 09:30:30 +08:00 · 2020-06-25 02:17:38 +02:00 · 2020-06-25 02:15:28 +02:00 · 2020-06-22 02:25:00 +02:00 · 2020-06-08 11:35:08 +02:00 · 2020-06-08 11:31:03 +02:00
59 changed files with 720 additions and 537 deletions
--- a/example/App.tsx
+++ b/example/App.tsx
@@ -346,6 +346,7 @@ class MainScreen extends React.Component<any, State> {
                        if (route.screen || route.path || route.params) {
                          // @ts-ignore
                          const { path, params, screen } = route;
+                          // @ts-ignore
                          const { router } = screen;
                          const action =
                            path &&
@@ -386,6 +387,7 @@ class MainScreen extends React.Component<any, State> {

 const Navigation = createAppContainer(
  createStackNavigator(
+    // @ts-ignore
    {
      ...ExampleInfo,
      Index: {
--- a/example/src/SimpleStack.tsx
+++ b/example/src/SimpleStack.tsx
@@ -64,7 +64,7 @@ class ListScreen extends React.Component {
          flex: 1,
          alignItems: 'center',
          justifyContent: 'center',
-          backgroundColor: '#fff',
+          // backgroundColor: '#fff',
        }}
      >
        <Text>List Screen</Text>
@@ -96,7 +96,7 @@ class DetailsScreen extends React.Component<NavigationStackScreenProps> {
          flex: 1,
          alignItems: 'center',
          justifyContent: 'center',
-          backgroundColor: '#fff',
+          // backgroundColor: '#fff',
        }}
      >
        <Text>Details Screen</Text>
@@ -119,7 +119,7 @@ class HeaderlessScreen extends React.Component {
          flex: 1,
          alignItems: 'center',
          justifyContent: 'center',
-          backgroundColor: '#fff',
+          // backgroundColor: '#fff',
        }}
      >
        <Text>Headerless Screen</Text>
--- a/example/src/StyledDrawer.tsx
+++ b/example/src/StyledDrawer.tsx
@@ -91,8 +91,4 @@ const DrawerExample = createDrawerNavigator(
  }
 );

-DrawerExample.navigationOptions = {
-  headerShown: false,
-};
-
 export default DrawerExample;
--- a/package.json
+++ b/package.json
@@ -42,7 +42,7 @@
    "jest": "^25.1.0",
    "lerna": "^3.20.2",
    "prettier": "^2.0.5",
-    "typescript": "~3.8.3"
+     "typescript": "^3.9.5"
  },
  "resolutions": {
    "react": "~16.9.0",
--- a/packages/animated-switch/CHANGELOG.md
+++ b/packages/animated-switch/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [0.6.0](https://github.com/react-navigation/react-navigation/compare/react-navigation-animated-switch@0.5.12...react-navigation-animated-switch@0.6.0) (2020-06-25)
+
+
+### Features
+
+* sync latest stack and upgrade typescript ([454e05b](https://github.com/react-navigation/react-navigation/commit/454e05b02ec97f053b381fdc801df899d8c93cb6))
+
+
+
+
+
 ## [0.5.12](https://github.com/react-navigation/react-navigation/compare/react-navigation-animated-switch@0.5.11...react-navigation-animated-switch@0.5.12) (2020-04-30)

 **Note:** Version bump only for package react-navigation-animated-switch
--- a/packages/animated-switch/package.json
+++ b/packages/animated-switch/package.json
@@ -1,6 +1,6 @@
 {
  "name": "react-navigation-animated-switch",
-  "version": "0.5.12",
+  "version": "0.6.0",
  "description": "Animated switch for React Navigation",
  "main": "lib/commonjs/index.js",
  "react-native": "lib/module/index.js",
@@ -28,8 +28,8 @@
    "react": "~16.9.0",
    "react-native": "~0.61.5",
    "react-native-reanimated": "~1.7.0",
-    "react-navigation": "^4.3.9",
-    "typescript": "~3.8.3"
+    "react-navigation": "^4.4.0",
+    "typescript": "^3.9.5"
  },
  "peerDependencies": {
    "react": "*",
--- a/packages/drawer/CHANGELOG.md
+++ b/packages/drawer/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [2.5.0](https://github.com/react-navigation/drawer/compare/react-navigation-drawer@2.4.13...react-navigation-drawer@2.5.0) (2020-06-25)
+
+
+### Features
+
+* sync latest stack and upgrade typescript ([454e05b](https://github.com/react-navigation/drawer/commit/454e05b02ec97f053b381fdc801df899d8c93cb6))
+
+
+
+
+
 ## [2.4.13](https://github.com/react-navigation/drawer/compare/react-navigation-drawer@2.4.12...react-navigation-drawer@2.4.13) (2020-04-30)

 **Note:** Version bump only for package react-navigation-drawer
--- a/packages/drawer/package.json
+++ b/packages/drawer/package.json
@@ -1,6 +1,6 @@
 {
  "name": "react-navigation-drawer",
-  "version": "2.4.13",
+  "version": "2.5.0",
  "description": "Drawer navigator component for React Navigation",
  "main": "lib/commonjs/index.js",
  "react-native": "lib/module/index.js",
@@ -49,8 +49,8 @@
    "react-native-reanimated": "^1.2.0",
    "react-native-screens": "^2.3.0",
    "react-native-testing-library": "^1.12.0",
-    "react-navigation": "^4.3.9",
-    "typescript": "~3.8.3"
+    "react-navigation": "^4.4.0",
+    "typescript": "^3.9.5"
  },
  "peerDependencies": {
    "react": "*",
--- a/packages/drawer/src/navigators/createDrawerNavigator.tsx
+++ b/packages/drawer/src/navigators/createDrawerNavigator.tsx
@@ -75,8 +75,11 @@ const DrawerNavigator = (
  const drawerRouter = DrawerRouter(routeConfigs, mergedConfig);

  // TODO: don't have time to fix it right now
-  // @ts-ignore
-  const navigator = createNavigator(DrawerView, drawerRouter, mergedConfig);
+  const navigator = createNavigator(
+    DrawerView as any,
+    drawerRouter,
+    mergedConfig
+  );
  return navigator;
 };

--- a/packages/drawer/src/views/DrawerView.tsx
+++ b/packages/drawer/src/views/DrawerView.tsx
@@ -160,10 +160,6 @@ export default class DrawerView extends React.PureComponent<Props, State> {
        drawerOpenProgress={progress}
        navigation={this.props.navigation}
        descriptors={this.props.descriptors}
-        contentComponent={this.props.navigationConfig.contentComponent}
-        contentOptions={this.props.navigationConfig.contentOptions}
-        drawerPosition={this.props.navigationConfig.drawerPosition}
-        style={this.props.navigationConfig.style}
        {...this.props.navigationConfig}
      />
    );
--- a/packages/material-bottom-tabs/CHANGELOG.md
+++ b/packages/material-bottom-tabs/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [2.3.0](https://github.com/react-navigation/react-navigation-material-bottom-tabs/compare/react-navigation-material-bottom-tabs@2.2.12...react-navigation-material-bottom-tabs@2.3.0) (2020-06-25)
+
+
+### Features
+
+* sync latest stack and upgrade typescript ([454e05b](https://github.com/react-navigation/react-navigation-material-bottom-tabs/commit/454e05b02ec97f053b381fdc801df899d8c93cb6))
+
+
+
+
+
 ## [2.2.12](https://github.com/react-navigation/react-navigation-material-bottom-tabs/compare/react-navigation-material-bottom-tabs@2.2.11...react-navigation-material-bottom-tabs@2.2.12) (2020-04-30)

 **Note:** Version bump only for package react-navigation-material-bottom-tabs
--- a/packages/material-bottom-tabs/package.json
+++ b/packages/material-bottom-tabs/package.json
@@ -1,6 +1,6 @@
 {
  "name": "react-navigation-material-bottom-tabs",
-  "version": "2.2.12",
+  "version": "2.3.0",
  "description": "Material Bottom Tab Navigation component for React Navigation",
  "main": "lib/commonjs/index.js",
  "module": "lib/module/index.js",
@@ -48,8 +48,8 @@
    "react-native-gesture-handler": "^1.6.0",
    "react-native-paper": "^3.1.1",
    "react-native-reanimated": "^1.2.0",
-    "react-navigation": "^4.3.9",
-    "typescript": "~3.8.3"
+    "react-navigation": "^4.4.0",
+    "typescript": "^3.9.5"
  },
  "peerDependencies": {
    "react": "*",
--- a/packages/native/CHANGELOG.md
+++ b/packages/native/CHANGELOG.md
@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [3.8.0](https://github.com/react-navigation/react-navigation-native/compare/@react-navigation/native@3.7.13...@react-navigation/native@3.8.0) (2020-06-25)
+
+
+### Bug Fixes
+
+* improve error message when installing wrong version ([442ca3e](https://github.com/react-navigation/react-navigation-native/commit/442ca3e700c5805cdc5cd02c68f49042887a5054))
+
+
+### Features
+
+* sync latest stack and upgrade typescript ([454e05b](https://github.com/react-navigation/react-navigation-native/commit/454e05b02ec97f053b381fdc801df899d8c93cb6))
+
+
+
+
+
 ## [3.7.13](https://github.com/react-navigation/react-navigation-native/compare/@react-navigation/native@3.7.12...@react-navigation/native@3.7.13) (2020-04-30)

 **Note:** Version bump only for package @react-navigation/native
--- a/packages/native/package.json
+++ b/packages/native/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@react-navigation/native",
-  "version": "3.7.13",
+  "version": "3.8.0",
  "description": "React Native support for React Navigation",
  "main": "lib/commonjs/index.js",
  "react-native": "lib/module/index.js",
--- a/packages/native/src/index.js
+++ b/packages/native/src/index.js
@@ -43,6 +43,24 @@ module.exports = {
  get createNavigationFactory() {
    return require('./throwIfWrongVersion').default;
  },
+  get useNavigationBuilder() {
+    return require('./throwIfWrongVersion').default;
+  },
+  get useNavigation() {
+    return require('./throwIfWrongVersion').default;
+  },
+  get useRoute() {
+    return require('./throwIfWrongVersion').default;
+  },
+  get useFocusEffect() {
+    return require('./throwIfWrongVersion').default;
+  },
+  get useIsFocused() {
+    return require('./throwIfWrongVersion').default;
+  },
+  get useNavigationState() {
+    return require('./throwIfWrongVersion').default;
+  },
  get NavigationContainer() {
    return require('./throwIfWrongVersion').default;
  },
--- a/packages/native/src/throwIfWrongVersion.js
+++ b/packages/native/src/throwIfWrongVersion.js
@@ -1,5 +1,5 @@
 export default function () {
  throw new Error(
-    "This version of '@react-navigation/native' is not compatible with React Navigation 5. Make sure you install 5.x version of '@react-navigation/native'."
+    'Looks like you are trying to use React Navigation 5 APIs, but have React Navigation 4 installed.\n\nMixing React Navigation 4 and 5 is not supported. See the documentation for installation instructions and usage guide for appropriate versions:\n\n- React Navigation 5: https://reactnavigation.org/docs/getting-started\n- React Navigation 4: https://reactnavigation.org/docs/4.x/getting-started'
  );
 }
--- a/packages/react-navigation/CHANGELOG.md
+++ b/packages/react-navigation/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [4.4.0](https://github.com/react-navigation/react-navigation/compare/react-navigation@4.3.9...react-navigation@4.4.0) (2020-06-25)
+
+
+### Features
+
+* sync latest stack and upgrade typescript ([454e05b](https://github.com/react-navigation/react-navigation/commit/454e05b02ec97f053b381fdc801df899d8c93cb6))
+
+
+
+
+
 ## [4.3.9](https://github.com/react-navigation/react-navigation/compare/react-navigation@4.3.8...react-navigation@4.3.9) (2020-04-30)


--- a/packages/react-navigation/package.json
+++ b/packages/react-navigation/package.json
@@ -1,6 +1,6 @@
 {
  "name": "react-navigation",
-  "version": "4.3.9",
+  "version": "4.4.0",
  "description": "Routing and navigation for your React Native apps",
  "main": "src/index.js",
  "types": "typescript/react-navigation.d.ts",
@@ -25,7 +25,7 @@
  },
  "dependencies": {
    "@react-navigation/core": "^3.7.6",
-    "@react-navigation/native": "^3.7.13"
+    "@react-navigation/native": "^3.8.0"
  },
  "devDependencies": {
    "@types/react": "^16.9.23",
@@ -34,6 +34,6 @@
    "react": "~16.9.0",
    "react-native": "~0.61.5",
    "react-test-renderer": "^16.9.2",
-    "typescript": "~3.8.3"
+    "typescript": "^3.9.5"
  }
 }
--- a/packages/react-navigation/typescript/react-navigation.d.ts
+++ b/packages/react-navigation/typescript/react-navigation.d.ts
@@ -734,7 +734,9 @@ export namespace StackActions {
  export const REPLACE: 'Navigation/REPLACE';
  export const COMPLETE_TRANSITION: 'Navigation/COMPLETE_TRANSITION';

-  export function pop(options: NavigationPopActionPayload): NavigationPopAction;
+  export function pop(
+    options?: NavigationPopActionPayload
+  ): NavigationPopAction;
  export function popToTop(
    options?: NavigationPopToTopActionPayload
  ): NavigationPopToTopAction;
@@ -810,17 +812,15 @@ export interface NavigationDescriptor<
  getComponent: () => React.ComponentType;
 }

-export type NavigationView<
-  Options,
-  State,
-  ScreenProps = unknown
-> = React.ComponentType<
-  {
-    descriptors: { [key: string]: NavigationDescriptor };
-    navigationConfig: Options;
-    screenProps?: ScreenProps;
-  } & NavigationInjectedProps
->;
+export type NavigationView<Options, State, ScreenProps = unknown> =
+  | React.ComponentType<
+      {
+        descriptors: { [key: string]: NavigationDescriptor };
+        navigationConfig: Options;
+        screenProps?: ScreenProps;
+      } & NavigationInjectedProps
+    >
+  | React.ComponentType<any>;

 export type CreateNavigatorConfig<
  NavigatorConfig,
--- a/packages/stack/CHANGELOG.md
+++ b/packages/stack/CHANGELOG.md
@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [2.8.0](https://github.com/react-navigation/react-navigation-stack/compare/react-navigation-stack@2.7.0...react-navigation-stack@2.8.0) (2020-06-25)
+
+
+### Features
+
+* sync latest stack and upgrade typescript ([454e05b](https://github.com/react-navigation/react-navigation-stack/commit/454e05b02ec97f053b381fdc801df899d8c93cb6))
+
+
+
+
+
+# [2.7.0](https://github.com/react-navigation/react-navigation-stack/compare/react-navigation-stack@2.6.0...react-navigation-stack@2.7.0) (2020-06-08)
+
+
+### Features
+
+* sync latest stack ([ba6d7dc](https://github.com/react-navigation/react-navigation-stack/commit/ba6d7dcbedcfca774a53de32f92acc45140bb1fe))
+
+
+
+
+
 # [2.6.0](https://github.com/react-navigation/react-navigation-stack/compare/react-navigation-stack@2.5.1...react-navigation-stack@2.6.0) (2020-06-06)


--- a/packages/stack/package.json
+++ b/packages/stack/package.json
@@ -1,6 +1,6 @@
 {
  "name": "react-navigation-stack",
-  "version": "2.6.0",
+  "version": "2.8.0",
  "description": "Stack navigator component for React Navigation",
  "main": "lib/commonjs/index.js",
  "module": "lib/module/index.js",
@@ -45,7 +45,7 @@
  "devDependencies": {
    "@react-native-community/bob": "^0.10.0",
    "@react-native-community/masked-view": "^0.1.7",
-    "@react-navigation/stack": "^5.4.2",
+    "@react-navigation/stack": "^5.6.0",
    "@types/color": "^3.0.1",
    "@types/react": "^16.9.23",
    "@types/react-native": "^0.61.22",
@@ -56,9 +56,9 @@
    "react-native-gesture-handler": "^1.6.0",
    "react-native-safe-area-context": "^0.7.3",
    "react-native-screens": "^2.3.0",
-    "react-navigation": "^4.3.9",
+    "react-navigation": "^4.4.0",
    "react-test-renderer": "~16.9.0",
-    "typescript": "~3.8.3"
+    "typescript": "^3.9.5"
  },
  "peerDependencies": {
    "@react-native-community/masked-view": ">=0.1.0",
--- a/packages/stack/scripts/stack.patch
+++ b/packages/stack/scripts/stack.patch
@@ -1,6 +1,6 @@
 diff -Naur ../../node_modules/@react-navigation/stack/src/index.tsx src/vendor/index.tsx
--- ../../node_modules/@react-navigation/stack/src/index.tsx	2020-06-06 02:18:25.000000000 +0200
-+++ src/vendor/index.tsx	2020-06-06 02:22:30.000000000 +0200
+--- ../../node_modules/@react-navigation/stack/src/index.tsx	2020-06-24 23:11:52.000000000 +0200
+++ src/vendor/index.tsx	2020-06-24 23:16:17.000000000 +0200
@@ -3,11 +3,6 @@
 import * as TransitionSpecs from './TransitionConfigs/TransitionSpecs';
 import * as TransitionPresets from './TransitionConfigs/TransitionPresets';
@@ -28,7 +28,7 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/index.tsx src/vendor/i
   StackHeaderLeftButtonProps,
   StackHeaderTitleProps,
 diff -Naur ../../node_modules/@react-navigation/stack/src/navigators/createStackNavigator.tsx src/vendor/navigators/createStackNavigator.tsx
--- ../../node_modules/@react-navigation/stack/src/navigators/createStackNavigator.tsx	2020-06-06 02:18:25.000000000 +0200
+--- ../../node_modules/@react-navigation/stack/src/navigators/createStackNavigator.tsx	2020-06-24 23:11:52.000000000 +0200
 +++ src/vendor/navigators/createStackNavigator.tsx	1970-01-01 01:00:00.000000000 +0100
@@ -1,96 +0,0 @@
 -import * as React from 'react';
@@ -44,7 +44,7 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/navigators/createStack
 -  StackActions,
 -} from '@react-navigation/native';
 -import StackView from '../views/Stack/StackView';
-import {
+-import type {
 -  StackNavigationConfig,
 -  StackNavigationOptions,
 -  StackNavigationEventMap,
@@ -128,12 +128,12 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/navigators/createStack
 -  typeof StackNavigator
 ->(StackNavigator);
 diff -Naur ../../node_modules/@react-navigation/stack/src/types.tsx src/vendor/types.tsx
--- ../../node_modules/@react-navigation/stack/src/types.tsx	2020-06-06 02:18:25.000000000 +0200
-+++ src/vendor/types.tsx	2020-06-06 02:22:30.000000000 +0200
+--- ../../node_modules/@react-navigation/stack/src/types.tsx	2020-06-24 23:11:52.000000000 +0200
+++ src/vendor/types.tsx	2020-06-24 23:18:40.000000000 +0200
@@ -8,15 +8,28 @@
 } from 'react-native';
- import { EdgeInsets } from 'react-native-safe-area-context';
- import {
+ import type { EdgeInsets } from 'react-native-safe-area-context';
+ import type {
 +  NavigationRoute,
 +  NavigationState,
 +  NavigationScreenProp,
@@ -218,7 +218,7 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/types.tsx src/vendor/t
 };
 
 export type Layout = { width: number; height: number };
-@@ -227,24 +239,27 @@
+@@ -228,24 +240,27 @@
   /**
    * Navigation prop for the header.
    */
@@ -252,7 +252,7 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/types.tsx src/vendor/t
 export type StackNavigationOptions = StackHeaderOptions &
   Partial<TransitionPreset> & {
     /**
-@@ -329,6 +344,8 @@
+@@ -330,6 +345,8 @@
       bottom?: number;
       left?: number;
     };
@@ -261,28 +261,40 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/types.tsx src/vendor/t
   };
 
 export type StackNavigationConfig = {
+diff -Naur ../../node_modules/@react-navigation/stack/src/utils/PreviousSceneContext.tsx src/vendor/utils/PreviousSceneContext.tsx
+--- ../../node_modules/@react-navigation/stack/src/utils/PreviousSceneContext.tsx	2020-06-24 23:11:52.000000000 +0200
+++ src/vendor/utils/PreviousSceneContext.tsx	2020-06-24 23:26:38.000000000 +0200
+@@ -1,6 +1,5 @@
+ import * as React from 'react';
+-import type { Route } from '@react-navigation/native';
+-import type { Scene } from '../types';
+import type { Route, Scene } from '../types';
+ 
+ const PreviousSceneContext = React.createContext<
+   Scene<Route<string>> | undefined
 diff -Naur ../../node_modules/@react-navigation/stack/src/views/Header/Header.tsx src/vendor/views/Header/Header.tsx
--- ../../node_modules/@react-navigation/stack/src/views/Header/Header.tsx	2020-06-06 02:18:25.000000000 +0200
-+++ src/vendor/views/Header/Header.tsx	2020-06-06 02:22:30.000000000 +0200
-@@ -1,12 +1,14 @@
+--- ../../node_modules/@react-navigation/stack/src/views/Header/Header.tsx	2020-06-24 23:11:52.000000000 +0200
+++ src/vendor/views/Header/Header.tsx	2020-06-24 23:33:25.000000000 +0200
+@@ -1,12 +1,15 @@
 import * as React from 'react';
 -import { StackActions } from '@react-navigation/native';
 +import { Dimensions } from 'react-native';
 +import { StackActions } from 'react-navigation';
 +import { getStatusBarHeight } from 'react-native-iphone-x-helper';
+
+import HeaderSegment, { getDefaultHeaderHeight } from './HeaderSegment';
 
 -import HeaderSegment from './HeaderSegment';
-+import HeaderSegment, { getDefaultHeaderHeight } from './HeaderSegment';
 import HeaderTitle from './HeaderTitle';
 import debounce from '../../utils/debounce';
- import { StackHeaderProps, StackHeaderTitleProps } from '../../types';
+ import type { StackHeaderProps, StackHeaderTitleProps } from '../../types';
 
 -export default React.memo(function Header(props: StackHeaderProps) {
 +const Header = React.memo(function Header(props: StackHeaderProps) {
   const {
     scene,
     previous,
-@@ -22,7 +24,7 @@
+@@ -22,7 +25,7 @@
       ? options.headerTitle
       : options.title !== undefined
       ? options.title
@@ -291,7 +303,7 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/views/Header/Header.ts
 
   let leftLabel;
 
-@@ -38,18 +40,13 @@
+@@ -38,17 +41,18 @@
         ? o.headerTitle
         : o.title !== undefined
         ? o.title
@@ -307,12 +319,16 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/views/Header/Header.ts
 -          ...StackActions.pop(),
 -          source: scene.route.key,
 -        });
-      }
-+      navigation.dispatch(StackActions.pop({ key: scene.route.key }));
+      if (navigation.isFirstRouteInParent()) {
+        // If we're the first route, we're going back to a parent navigator
+        // So we can't specify a key here
+        navigation.dispatch(StackActions.pop());
+      } else {
+        navigation.dispatch(StackActions.pop({ key: scene.route.key }));
+       }
     }, 50),
     [navigation, scene.route.key]
-   );
-@@ -64,7 +61,10 @@
+@@ -64,7 +68,10 @@
       leftLabel={leftLabel}
       headerTitle={
         typeof options.headerTitle !== 'function'
@@ -324,7 +340,7 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/views/Header/Header.ts
           : options.headerTitle
       }
       onGoBack={previous ? goBack : undefined}
-@@ -72,3 +72,18 @@
+@@ -72,3 +79,18 @@
     />
   );
 });
@@ -344,8 +360,8 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/views/Header/Header.ts
 +
 +export default Header;
 diff -Naur ../../node_modules/@react-navigation/stack/src/views/Header/HeaderBackButton.tsx src/vendor/views/Header/HeaderBackButton.tsx
--- ../../node_modules/@react-navigation/stack/src/views/Header/HeaderBackButton.tsx	2020-06-06 02:18:25.000000000 +0200
-+++ src/vendor/views/Header/HeaderBackButton.tsx	2020-06-06 02:22:30.000000000 +0200
+--- ../../node_modules/@react-navigation/stack/src/views/Header/HeaderBackButton.tsx	2020-06-24 23:11:52.000000000 +0200
+++ src/vendor/views/Header/HeaderBackButton.tsx	2020-06-24 23:21:49.000000000 +0200
@@ -8,9 +8,9 @@
   StyleSheet,
   LayoutChangeEvent,
@@ -354,12 +370,12 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/views/Header/HeaderBac
 import MaskedView from '../MaskedView';
 import { TouchableItem } from '../TouchableItem';
 +import useTheme from '../../../utils/useTheme';
- import { StackHeaderLeftButtonProps } from '../../types';
+ import type { StackHeaderLeftButtonProps } from '../../types';
 
 type Props = StackHeaderLeftButtonProps;
 diff -Naur ../../node_modules/@react-navigation/stack/src/views/Header/HeaderBackground.tsx src/vendor/views/Header/HeaderBackground.tsx
--- ../../node_modules/@react-navigation/stack/src/views/Header/HeaderBackground.tsx	2020-06-06 02:18:25.000000000 +0200
-+++ src/vendor/views/Header/HeaderBackground.tsx	2020-06-06 02:23:41.000000000 +0200
+--- ../../node_modules/@react-navigation/stack/src/views/Header/HeaderBackground.tsx	2020-06-24 23:11:52.000000000 +0200
+++ src/vendor/views/Header/HeaderBackground.tsx	2020-06-24 23:16:23.000000000 +0200
@@ -7,7 +7,7 @@
   StyleProp,
   ViewStyle,
@@ -370,8 +386,8 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/views/Header/HeaderBac
 type Props = ViewProps & {
   style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
 diff -Naur ../../node_modules/@react-navigation/stack/src/views/Header/HeaderContainer.tsx src/vendor/views/Header/HeaderContainer.tsx
--- ../../node_modules/@react-navigation/stack/src/views/Header/HeaderContainer.tsx	2020-06-06 02:18:25.000000000 +0200
-+++ src/vendor/views/Header/HeaderContainer.tsx	2020-06-06 02:22:30.000000000 +0200
+--- ../../node_modules/@react-navigation/stack/src/views/Header/HeaderContainer.tsx	2020-06-24 23:11:52.000000000 +0200
+++ src/vendor/views/Header/HeaderContainer.tsx	2020-06-24 23:21:29.000000000 +0200
@@ -1,11 +1,6 @@
 import * as React from 'react';
 import { View, StyleSheet, StyleProp, ViewStyle } from 'react-native';
@@ -382,18 +398,18 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/views/Header/HeaderCon
 -  ParamListBase,
 -} from '@react-navigation/native';
 +import { NavigationContext } from 'react-navigation';
- import { EdgeInsets } from 'react-native-safe-area-context';
+ import type { EdgeInsets } from 'react-native-safe-area-context';
 
 import Header from './Header';
-@@ -16,6 +11,7 @@
-   forSlideRight,
- } from '../../TransitionConfigs/HeaderStyleInterpolators';
- import {
-+  Route,
+@@ -19,6 +14,7 @@
+ import PreviousSceneContext from '../../utils/PreviousSceneContext';
+ import type {
   Layout,
+  Route,
   Scene,
   StackHeaderStyleInterpolator,
-@@ -99,9 +95,7 @@
+   StackNavigationProp,
+@@ -109,9 +105,7 @@
           insets,
           scene,
           previous,
@@ -404,7 +420,7 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/views/Header/HeaderCon
           styleInterpolator:
             mode === 'float'
               ? isHeaderStatic
-@@ -120,7 +114,7 @@
+@@ -130,7 +124,7 @@
             key={scene.route.key}
             value={scene.descriptor.navigation}
           >
@@ -413,9 +429,9 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/views/Header/HeaderCon
               <View
                 onLayout={
                   onContentHeightChange
-@@ -152,7 +146,7 @@
-                   )
-                 ) : null}
+@@ -156,7 +150,7 @@
+               >
+                 {header !== undefined ? header(props) : <Header {...props} />}
               </View>
 -            </NavigationRouteContext.Provider>
 +            </>
@@ -423,14 +439,14 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/views/Header/HeaderCon
         );
       })}
 diff -Naur ../../node_modules/@react-navigation/stack/src/views/Header/HeaderSegment.tsx src/vendor/views/Header/HeaderSegment.tsx
--- ../../node_modules/@react-navigation/stack/src/views/Header/HeaderSegment.tsx	2020-06-06 02:18:25.000000000 +0200
-+++ src/vendor/views/Header/HeaderSegment.tsx	2020-06-06 02:22:30.000000000 +0200
+--- ../../node_modules/@react-navigation/stack/src/views/Header/HeaderSegment.tsx	2020-06-24 23:11:52.000000000 +0200
+++ src/vendor/views/Header/HeaderSegment.tsx	2020-06-24 23:20:58.000000000 +0200
@@ -8,7 +8,7 @@
   ViewStyle,
 } from 'react-native';
- import { EdgeInsets } from 'react-native-safe-area-context';
-import { Route } from '@react-navigation/native';
-+import { NavigationRoute } from 'react-navigation';
+ import type { EdgeInsets } from 'react-native-safe-area-context';
+-import type { Route } from '@react-navigation/native';
+import type { NavigationRoute } from 'react-navigation';
 import HeaderBackButton from './HeaderBackButton';
 import HeaderBackground from './HeaderBackground';
 import memoize from '../../utils/memoize';
@@ -444,8 +460,8 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/views/Header/HeaderSeg
 };
 
 diff -Naur ../../node_modules/@react-navigation/stack/src/views/Header/HeaderTitle.tsx src/vendor/views/Header/HeaderTitle.tsx
--- ../../node_modules/@react-navigation/stack/src/views/Header/HeaderTitle.tsx	2020-06-06 02:18:25.000000000 +0200
-+++ src/vendor/views/Header/HeaderTitle.tsx	2020-06-06 02:22:30.000000000 +0200
+--- ../../node_modules/@react-navigation/stack/src/views/Header/HeaderTitle.tsx	2020-06-24 23:11:52.000000000 +0200
+++ src/vendor/views/Header/HeaderTitle.tsx	2020-06-24 23:16:23.000000000 +0200
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Animated, StyleSheet, Platform } from 'react-native';
@@ -455,8 +471,8 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/views/Header/HeaderTit
 type Props = Omit<React.ComponentProps<typeof Animated.Text>, 'key'> & {
   tintColor?: string;
 diff -Naur ../../node_modules/@react-navigation/stack/src/views/Stack/Card.tsx src/vendor/views/Stack/Card.tsx
--- ../../node_modules/@react-navigation/stack/src/views/Stack/Card.tsx	2020-06-06 02:18:25.000000000 +0200
-+++ src/vendor/views/Stack/Card.tsx	2020-06-06 02:22:30.000000000 +0200
+--- ../../node_modules/@react-navigation/stack/src/views/Stack/Card.tsx	2020-06-24 23:11:52.000000000 +0200
+++ src/vendor/views/Stack/Card.tsx	2020-06-24 23:16:23.000000000 +0200
@@ -146,7 +146,7 @@
 
   private interactionHandle: number | undefined;
@@ -467,44 +483,46 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/views/Stack/Card.tsx s
   private animate = ({
     closing,
 diff -Naur ../../node_modules/@react-navigation/stack/src/views/Stack/CardContainer.tsx src/vendor/views/Stack/CardContainer.tsx
--- ../../node_modules/@react-navigation/stack/src/views/Stack/CardContainer.tsx	2020-06-06 02:18:25.000000000 +0200
-+++ src/vendor/views/Stack/CardContainer.tsx	2020-06-06 02:22:30.000000000 +0200
-@@ -1,10 +1,11 @@
+--- ../../node_modules/@react-navigation/stack/src/views/Stack/CardContainer.tsx	2020-06-24 23:11:52.000000000 +0200
+++ src/vendor/views/Stack/CardContainer.tsx	2020-06-24 23:20:38.000000000 +0200
+@@ -1,12 +1,13 @@
 import * as React from 'react';
 import { Animated, View, StyleSheet, StyleProp, ViewStyle } from 'react-native';
 -import { Route, useTheme } from '@react-navigation/native';
- import { Props as HeaderContainerProps } from '../Header/HeaderContainer';
+ import type { Props as HeaderContainerProps } from '../Header/HeaderContainer';
 import Card from './Card';
 import HeaderHeightContext from '../../utils/HeaderHeightContext';
+ import HeaderShownContext from '../../utils/HeaderShownContext';
+ import PreviousSceneContext from '../../utils/PreviousSceneContext';
 +import useTheme from '../../../utils/useTheme';
- import {
+ import type {
 +  Route,
   Scene,
   Layout,
   StackHeaderMode,
 diff -Naur ../../node_modules/@react-navigation/stack/src/views/Stack/CardStack.tsx src/vendor/views/Stack/CardStack.tsx
--- ../../node_modules/@react-navigation/stack/src/views/Stack/CardStack.tsx	2020-06-06 02:18:25.000000000 +0200
-+++ src/vendor/views/Stack/CardStack.tsx	2020-06-06 02:22:30.000000000 +0200
+--- ../../node_modules/@react-navigation/stack/src/views/Stack/CardStack.tsx	2020-06-24 23:11:52.000000000 +0200
+++ src/vendor/views/Stack/CardStack.tsx	2020-06-24 23:20:16.000000000 +0200
@@ -7,7 +7,7 @@
   Platform,
 } from 'react-native';
- import { EdgeInsets } from 'react-native-safe-area-context';
-import { Route, StackNavigationState } from '@react-navigation/native';
-+import { NavigationState as StackNavigationState } from 'react-navigation';
+ import type { EdgeInsets } from 'react-native-safe-area-context';
+-import type { Route, StackNavigationState } from '@react-navigation/native';
+import type { NavigationState as StackNavigationState } from 'react-navigation';
 
 import { MaybeScreenContainer, MaybeScreen } from '../Screens';
 import { getDefaultHeaderHeight } from '../Header/HeaderSegment';
-@@ -21,6 +21,7 @@
- import { forNoAnimation as forNoAnimationCard } from '../../TransitionConfigs/CardStyleInterpolators';
- import getDistanceForDirection from '../../utils/getDistanceForDirection';
- import {
-+  Route,
+@@ -25,6 +25,7 @@
   Layout,
   StackHeaderMode,
   StackCardMode,
+  Route,
+   Scene,
+   StackDescriptorMap,
+   StackNavigationOptions,
 diff -Naur ../../node_modules/@react-navigation/stack/src/views/Stack/StackView.tsx src/vendor/views/Stack/StackView.tsx
--- ../../node_modules/@react-navigation/stack/src/views/Stack/StackView.tsx	2020-06-06 02:18:25.000000000 +0200
-+++ src/vendor/views/Stack/StackView.tsx	2020-06-06 02:22:30.000000000 +0200
+--- ../../node_modules/@react-navigation/stack/src/views/Stack/StackView.tsx	2020-06-24 23:11:52.000000000 +0200
+++ src/vendor/views/Stack/StackView.tsx	2020-06-24 23:19:46.000000000 +0200
@@ -2,11 +2,11 @@
 import { View, Platform, StyleSheet } from 'react-native';
 import { SafeAreaConsumer, EdgeInsets } from 'react-native-safe-area-context';
@@ -524,7 +542,7 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/views/Stack/StackView.
@@ -16,6 +16,7 @@
 } from '../Header/HeaderContainer';
 import SafeAreaProviderCompat from '../SafeAreaProviderCompat';
- import {
+ import type {
 +  Route,
   StackNavigationHelpers,
   StackNavigationConfig,
@@ -548,7 +566,7 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/views/Stack/StackView.
     }
 
     return false;
-@@ -321,24 +325,47 @@
+@@ -321,26 +325,49 @@
       return null;
     }
 
@@ -584,22 +602,24 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/views/Stack/StackView.
 +
   private handleOpenRoute = ({ route }: { route: Route<string> }) => {
     const { state, navigation } = this.props;
+     const { closingRouteKeys, replacingRouteKeys } = this.state;
 
 +    this.handleTransitionComplete();
 +
     if (
-       this.state.replacingRouteKeys.every((key) => key !== route.key) &&
+       closingRouteKeys.some((key) => key === route.key) &&
+       replacingRouteKeys.every((key) => key !== route.key) &&
 -      state.routeNames.includes(route.name) &&
       !state.routes.some((r) => r.key === route.key)
     ) {
-       // If route isn't present in current state, assume that a close animation was cancelled
+       // If route isn't present in current state, but was closing, assume that a close animation was cancelled
       // So we need to add this route back to the state
 -      navigation.navigate(route);
 +      navigation.dispatch(NavigationActions.navigate(route));
     } else {
       this.setState((state) => ({
         routes: state.replacingRouteKeys.length
-@@ -364,12 +391,11 @@
+@@ -366,12 +393,11 @@
       // If a route exists in state, trigger a pop
       // This will happen in when the route was closed from the card component
       // e.g. When the close animation triggered from a gesture ends
@@ -616,7 +636,7 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/views/Stack/StackView.
       // We need to clean up any state tracking the route and pop it immediately
       this.setState((state) => ({
         routes: state.routes.filter((r) => r.key !== route.key),
-@@ -386,26 +412,29 @@
+@@ -388,26 +414,29 @@
   private handleTransitionStart = (
     { route }: { route: Route<string> },
     closing: boolean
@@ -658,8 +678,8 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/views/Stack/StackView.
       navigation,
       keyboardHandlingEnabled,
       mode = 'card',
-@@ -423,7 +452,7 @@
-       mode === 'card' && Platform.OS === 'ios' ? 'float' : 'screen';
+@@ -427,7 +456,7 @@
+     } = this.state;
 
     return (
 -      <NavigationHelpersContext.Provider value={navigation}>
@@ -667,7 +687,7 @@ diff -Naur ../../node_modules/@react-navigation/stack/src/views/Stack/StackView.
         <GestureHandlerWrapper style={styles.container}>
           <SafeAreaProviderCompat>
             <SafeAreaConsumer>
-@@ -456,7 +485,7 @@
+@@ -460,7 +489,7 @@
             </SafeAreaConsumer>
           </SafeAreaProviderCompat>
         </GestureHandlerWrapper>
--- a/packages/stack/src/navigators/tests/StackNavigator.test.tsx
+++ b/packages/stack/src/navigators/tests/StackNavigator.test.tsx
@@ -9,7 +9,7 @@ import createAppContainer, {
  _TESTING_ONLY_reset_container_count,
  // @ts-ignore
 } from '../../../../native/src/createAppContainer';
-import { StackNavigationProp } from '../../vendor/types';
+import type { StackNavigationProp } from '../../vendor/types';

 const NavigationTestUtils = {
  resetInternalState: _TESTING_ONLY_reset_container_count,
--- a/packages/stack/src/navigators/tests/snapshots/NestedNavigator.test.tsx.snap
+++ b/packages/stack/src/navigators/tests/snapshots/NestedNavigator.test.tsx.snap
@@ -10,6 +10,14 @@ exports[`Nested navigators renders succesfully as direct child 1`] = `
 >
  <View
    pointerEvents="box-none"
+    style={
+      Array [
+        Object {
+          "zIndex": 1,
+        },
+        false,
+      ]
+    }
  >
    <View
      accessibilityElementsHidden={false}
@@ -128,6 +136,14 @@ exports[`Nested navigators renders succesfully as direct child 1`] = `
        }
      }
    >
+      <View
+        collapsable={false}
+        style={
+          Object {
+            "opacity": 1,
+          }
+        }
+      />
      <View
        accessibilityElementsHidden={false}
        closing={false}
@@ -267,106 +283,6 @@ exports[`Nested navigators renders succesfully as direct child 1`] = `
                        }
                      }
                    >
-                      <View
-                        pointerEvents="box-none"
-                      >
-                        <View
-                          accessibilityElementsHidden={false}
-                          importantForAccessibility="auto"
-                          onLayout={[Function]}
-                          pointerEvents="box-none"
-                          style={null}
-                        >
-                          <View
-                            pointerEvents="box-none"
-                            style={
-                              Object {
-                                "bottom": 0,
-                                "left": 0,
-                                "opacity": 1,
-                                "position": "absolute",
-                                "right": 0,
-                                "top": 0,
-                                "zIndex": 0,
-                              }
-                            }
-                          >
-                            <View
-                              style={
-                                Object {
-                                  "backgroundColor": "#fff",
-                                  "borderBottomColor": "#a7a7aa",
-                                  "flex": 1,
-                                  "shadowColor": "#a7a7aa",
-                                  "shadowOffset": Object {
-                                    "height": 0.5,
-                                    "width": 0,
-                                  },
-                                  "shadowOpacity": 0.85,
-                                  "shadowRadius": 0,
-                                }
-                              }
-                            />
-                          </View>
-                          <View
-                            pointerEvents="box-none"
-                            style={
-                              Object {
-                                "height": 44,
-                                "maxHeight": undefined,
-                                "minHeight": undefined,
-                                "opacity": undefined,
-                                "transform": undefined,
-                              }
-                            }
-                          >
-                            <View
-                              pointerEvents="none"
-                              style={
-                                Object {
-                                  "height": 0,
-                                }
-                              }
-                            />
-                            <View
-                              pointerEvents="box-none"
-                              style={
-                                Object {
-                                  "alignItems": "center",
-                                  "flex": 1,
-                                  "flexDirection": "row",
-                                  "justifyContent": "center",
-                                }
-                              }
-                            >
-                              <View
-                                pointerEvents="box-none"
-                                style={
-                                  Object {
-                                    "marginHorizontal": 16,
-                                    "opacity": 1,
-                                  }
-                                }
-                              >
-                                <Text
-                                  accessibilityRole="header"
-                                  numberOfLines={1}
-                                  onLayout={[Function]}
-                                  style={
-                                    Object {
-                                      "color": "rgba(0, 0, 0, 0.9)",
-                                      "fontSize": 17,
-                                      "fontWeight": "600",
-                                    }
-                                  }
-                                >
-                                  Home
-                                </Text>
-                              </View>
-                            </View>
-                          </View>
-                        </View>
-                      </View>
                      <View
                        onLayout={[Function]}
                        style={
@@ -387,6 +303,14 @@ exports[`Nested navigators renders succesfully as direct child 1`] = `
                            }
                          }
                        >
+                          <View
+                            collapsable={false}
+                            style={
+                              Object {
+                                "opacity": 1,
+                              }
+                            }
+                          />
                          <View
                            accessibilityElementsHidden={false}
                            closing={false}
@@ -439,6 +363,7 @@ exports[`Nested navigators renders succesfully as direct child 1`] = `
                              style={
                                Object {
                                  "flex": 1,
+                                  "marginTop": 0,
                                }
                              }
                            >
@@ -527,6 +452,22 @@ exports[`Nested navigators renders succesfully as direct child 1`] = `
                          </View>
                        </View>
                      </View>
+                      <View
+                        pointerEvents="box-none"
+                        style={
+                          Array [
+                            Object {
+                              "zIndex": 1,
+                            },
+                            Object {
+                              "left": 0,
+                              "position": "absolute",
+                              "right": 0,
+                              "top": 0,
+                            },
+                          ]
+                        }
+                      />
                    </View>
                  </View>
                </View>
--- a/packages/stack/src/navigators/tests/snapshots/StackNavigator.test.tsx.snap
+++ b/packages/stack/src/navigators/tests/snapshots/StackNavigator.test.tsx.snap
@@ -10,6 +10,14 @@ exports[`StackNavigator applies correct values when headerRight is present 1`] =
 >
  <View
    pointerEvents="box-none"
+    style={
+      Array [
+        Object {
+          "zIndex": 1,
+        },
+        false,
+      ]
+    }
  >
    <View
      accessibilityElementsHidden={false}
@@ -145,6 +153,14 @@ exports[`StackNavigator applies correct values when headerRight is present 1`] =
        }
      }
    >
+      <View
+        collapsable={false}
+        style={
+          Object {
+            "opacity": 1,
+          }
+        }
+      />
      <View
        accessibilityElementsHidden={false}
        closing={false}
@@ -298,6 +314,14 @@ exports[`StackNavigator renders successfully 1`] = `
 >
  <View
    pointerEvents="box-none"
+    style={
+      Array [
+        Object {
+          "zIndex": 1,
+        },
+        false,
+      ]
+    }
  >
    <View
      accessibilityElementsHidden={false}
@@ -417,6 +441,14 @@ exports[`StackNavigator renders successfully 1`] = `
        }
      }
    >
+      <View
+        collapsable={false}
+        style={
+          Object {
+            "opacity": 1,
+          }
+        }
+      />
      <View
        accessibilityElementsHidden={false}
        closing={false}
--- a/packages/stack/src/navigators/createStackNavigator.tsx
+++ b/packages/stack/src/navigators/createStackNavigator.tsx
@@ -7,7 +7,7 @@ import {
  CreateNavigatorConfig,
 } from 'react-navigation';
 import StackView from '../views/StackView';
-import {
+import type {
  StackNavigationConfig,
  StackNavigationOptions,
  StackNavigationProp,
--- a/packages/stack/src/types.tsx
+++ b/packages/stack/src/types.tsx
@@ -1,10 +1,13 @@
-import {
+import type {
  NavigationRoute,
  NavigationParams,
  NavigationScreenConfig,
  SupportedThemes,
 } from 'react-navigation';
-import { StackNavigationProp, StackNavigationOptions } from './vendor/types';
+import type {
+  StackNavigationProp,
+  StackNavigationOptions,
+} from './vendor/types';

 export type NavigationStackScreenProps<
  Params = NavigationParams,
--- a/packages/stack/src/utils/validateDeprecatedConfig.tsx
+++ b/packages/stack/src/utils/validateDeprecatedConfig.tsx
@@ -1,5 +1,8 @@
-import { StyleProp, ViewStyle } from 'react-native';
-import { StackNavigationOptions, StackNavigationConfig } from '../vendor/types';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type {
+  StackNavigationOptions,
+  StackNavigationConfig,
+} from '../vendor/types';

 type Validation = {
  message: string;
--- a/packages/stack/src/utils/validateDeprecatedOptions.tsx
+++ b/packages/stack/src/utils/validateDeprecatedOptions.tsx
@@ -1,5 +1,5 @@
-import { EdgeInsets } from 'react-native-safe-area-context';
-import { StackNavigationOptions } from '../vendor/types';
+import type { EdgeInsets } from 'react-native-safe-area-context';
+import type { StackNavigationOptions } from '../vendor/types';

 type Validation = {
  check: (o: Record<string, any>) => boolean;
--- a/packages/stack/src/vendor/TransitionConfigs/CardStyleInterpolators.tsx
+++ b/packages/stack/src/vendor/TransitionConfigs/CardStyleInterpolators.tsx
@@ -1,7 +1,7 @@
 import { Animated } from 'react-native';
 import { isIphoneX } from 'react-native-iphone-x-helper';
 import conditional from '../utils/conditional';
-import {
+import type {
  StackCardInterpolationProps,
  StackCardInterpolatedStyle,
 } from '../types';
--- a/packages/stack/src/vendor/TransitionConfigs/HeaderStyleInterpolators.tsx
+++ b/packages/stack/src/vendor/TransitionConfigs/HeaderStyleInterpolators.tsx
@@ -1,5 +1,5 @@
 import { Animated, I18nManager } from 'react-native';
-import {
+import type {
  StackHeaderInterpolationProps,
  StackHeaderInterpolatedStyle,
 } from '../types';
--- a/packages/stack/src/vendor/TransitionConfigs/TransitionPresets.tsx
+++ b/packages/stack/src/vendor/TransitionConfigs/TransitionPresets.tsx
@@ -1,3 +1,4 @@
+import { Platform } from 'react-native';
 import {
  forHorizontalIOS,
  forVerticalIOS,
@@ -14,8 +15,7 @@ import {
  FadeOutToBottomAndroidSpec,
  FadeInFromBottomAndroidSpec,
 } from './TransitionSpecs';
-import { TransitionPreset } from '../types';
-import { Platform } from 'react-native';
+import type { TransitionPreset } from '../types';

 const ANDROID_VERSION_PIE = 28;

--- a/packages/stack/src/vendor/TransitionConfigs/TransitionSpecs.tsx
+++ b/packages/stack/src/vendor/TransitionConfigs/TransitionSpecs.tsx
@@ -1,5 +1,5 @@
 import { Easing } from 'react-native';
-import { TransitionSpec } from '../types';
+import type { TransitionSpec } from '../types';

 /**
 * Exact values from UINavigationController's animation configuration.
--- a/packages/stack/src/vendor/types.tsx
+++ b/packages/stack/src/vendor/types.tsx
@@ -1,13 +1,13 @@
-import * as React from 'react';
-import {
+import type * as React from 'react';
+import type {
  Animated,
  StyleProp,
  TextStyle,
  ViewStyle,
  LayoutChangeEvent,
 } from 'react-native';
-import { EdgeInsets } from 'react-native-safe-area-context';
-import {
+import type { EdgeInsets } from 'react-native-safe-area-context';
+import type {
  NavigationRoute,
  NavigationState,
  NavigationScreenProp,
@@ -145,7 +145,8 @@ export type StackHeaderOptions = {
   */
  headerBackAllowFontScaling?: boolean;
  /**
-   * Title string used by the back button on iOS, or `null` to disable label. Defaults to the previous scene's `headerTitle`.
+   * Title string used by the back button on iOS. Defaults to the previous scene's `headerTitle`.
+   * Use `headerBackTitleVisible: false` to hide it.
   */
  headerBackTitle?: string;
  /**
--- a/packages/stack/src/vendor/utils/CardAnimationContext.tsx
+++ b/packages/stack/src/vendor/utils/CardAnimationContext.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StackCardInterpolationProps } from '../types';
+import type { StackCardInterpolationProps } from '../types';

 export default React.createContext<StackCardInterpolationProps | undefined>(
  undefined
--- a/packages/stack/src/vendor/utils/HeaderShownContext.tsx
+++ b/packages/stack/src/vendor/utils/HeaderShownContext.tsx
@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+const HeaderShownContext = React.createContext(false);
+
+export default HeaderShownContext;
--- a/packages/stack/src/vendor/utils/PreviousSceneContext.tsx
+++ b/packages/stack/src/vendor/utils/PreviousSceneContext.tsx
@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { Route, Scene } from '../types';
+
+const PreviousSceneContext = React.createContext<
+  Scene<Route<string>> | undefined
+>(undefined);
+
+export default PreviousSceneContext;
--- a/packages/stack/src/vendor/utils/getDistanceForDirection.tsx
+++ b/packages/stack/src/vendor/utils/getDistanceForDirection.tsx
@@ -1,5 +1,5 @@
 import getInvertedMultiplier from './getInvertedMultiplier';
-import { GestureDirection, Layout } from '../types';
+import type { GestureDirection, Layout } from '../types';

 export default function getDistanceForDirection(
  layout: Layout,
--- a/packages/stack/src/vendor/utils/getInvertedMultiplier.tsx
+++ b/packages/stack/src/vendor/utils/getInvertedMultiplier.tsx
@@ -1,5 +1,5 @@
 import { I18nManager } from 'react-native';
-import { GestureDirection } from '../types';
+import type { GestureDirection } from '../types';

 export default function getInvertedMultiplier(
  gestureDirection: GestureDirection
--- a/packages/stack/src/vendor/views/BorderlessButton.tsx
+++ b/packages/stack/src/vendor/views/BorderlessButton.tsx
@@ -39,7 +39,7 @@ export default class BorderlessButton extends React.Component<Props> {
    const { children, style, enabled, ...rest } = this.props;

    return (
-      // @ts-ignore
+      // @ts-expect-error: the Animated.createAnimatedComponent types don't work properly
      <AnimatedBaseButton
        {...rest}
        onActiveStateChange={this.handleActiveStateChange}
--- a/packages/stack/src/vendor/views/GestureHandler.native.tsx
+++ b/packages/stack/src/vendor/views/GestureHandler.native.tsx
@@ -10,7 +10,7 @@ export function PanGestureHandler(props: PanGestureHandlerProperties) {

  return (
    <GestureHandlerRefContext.Provider value={gestureRef}>
-      <PanGestureHandlerNative {...props} />
+      <PanGestureHandlerNative {...props} ref={gestureRef} />
    </GestureHandlerRefContext.Provider>
  );
 }
--- a/packages/stack/src/vendor/views/Header/Header.tsx
+++ b/packages/stack/src/vendor/views/Header/Header.tsx
@@ -4,9 +4,10 @@ import { StackActions } from 'react-navigation';
 import { getStatusBarHeight } from 'react-native-iphone-x-helper';

 import HeaderSegment, { getDefaultHeaderHeight } from './HeaderSegment';
+
 import HeaderTitle from './HeaderTitle';
 import debounce from '../../utils/debounce';
-import { StackHeaderProps, StackHeaderTitleProps } from '../../types';
+import type { StackHeaderProps, StackHeaderTitleProps } from '../../types';

 const Header = React.memo(function Header(props: StackHeaderProps) {
  const {
@@ -46,7 +47,13 @@ const Header = React.memo(function Header(props: StackHeaderProps) {
  // eslint-disable-next-line react-hooks/exhaustive-deps
  const goBack = React.useCallback(
    debounce(() => {
-      navigation.dispatch(StackActions.pop({ key: scene.route.key }));
+      if (navigation.isFirstRouteInParent()) {
+        // If we're the first route, we're going back to a parent navigator
+        // So we can't specify a key here
+        navigation.dispatch(StackActions.pop());
+      } else {
+        navigation.dispatch(StackActions.pop({ key: scene.route.key }));
+      }
    }, 50),
    [navigation, scene.route.key]
  );
--- a/packages/stack/src/vendor/views/Header/HeaderBackButton.tsx
+++ b/packages/stack/src/vendor/views/Header/HeaderBackButton.tsx
@@ -11,7 +11,7 @@ import {
 import MaskedView from '../MaskedView';
 import { TouchableItem } from '../TouchableItem';
 import useTheme from '../../../utils/useTheme';
-import { StackHeaderLeftButtonProps } from '../../types';
+import type { StackHeaderLeftButtonProps } from '../../types';

 type Props = StackHeaderLeftButtonProps;

--- a/packages/stack/src/vendor/views/Header/HeaderContainer.tsx
+++ b/packages/stack/src/vendor/views/Header/HeaderContainer.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { View, StyleSheet, StyleProp, ViewStyle } from 'react-native';
 import { NavigationContext } from 'react-navigation';
-import { EdgeInsets } from 'react-native-safe-area-context';
+import type { EdgeInsets } from 'react-native-safe-area-context';

 import Header from './Header';
 import {
@@ -10,9 +10,11 @@ import {
  forNoAnimation,
  forSlideRight,
 } from '../../TransitionConfigs/HeaderStyleInterpolators';
-import {
-  Route,
+import HeaderShownContext from '../../utils/HeaderShownContext';
+import PreviousSceneContext from '../../utils/PreviousSceneContext';
+import type {
  Layout,
+  Route,
  Scene,
  StackHeaderStyleInterpolator,
  StackNavigationProp,
@@ -24,9 +26,10 @@ export type Props = {
  layout: Layout;
  insets: EdgeInsets;
  scenes: (Scene<Route<string>> | undefined)[];
-  getPreviousRoute: (props: {
+  getPreviousScene: (props: {
    route: Route<string>;
-  }) => Route<string> | undefined;
+    index: number;
+  }) => Scene<Route<string>> | undefined;
  getFocusedRoute: () => Route<string>;
  onContentHeightChange?: (props: {
    route: Route<string>;
@@ -42,14 +45,16 @@ export default function HeaderContainer({
  scenes,
  layout,
  insets,
+  getPreviousScene,
  getFocusedRoute,
-  getPreviousRoute,
  onContentHeightChange,
  gestureDirection,
  styleInterpolator,
  style,
 }: Props) {
  const focusedRoute = getFocusedRoute();
+  const isParentHeaderShown = React.useContext(HeaderShownContext);
+  const parentPreviousScene = React.useContext(PreviousSceneContext);

  return (
    <View pointerEvents="box-none" style={style}>
@@ -58,36 +63,41 @@ export default function HeaderContainer({
          return null;
        }

-        const { options } = scene.descriptor;
-        const isFocused = focusedRoute.key === scene.route.key;
-        const previousRoute = getPreviousRoute({ route: scene.route });
+        const {
+          header,
+          headerShown = isParentHeaderShown === false,
+          headerTransparent,
+        } = scene.descriptor.options || {};

-        let previous;
-
-        if (previousRoute) {
-          // The previous scene will be shortly before the current scene in the array
-          // So loop back from current index to avoid looping over the full array
-          for (let j = i - 1; j >= 0; j--) {
-            const s = self[j];
-
-            if (s && s.route.key === previousRoute.key) {
-              previous = s;
-              break;
-            }
-          }
+        if (!headerShown) {
+          return null;
        }

+        const isFocused = focusedRoute.key === scene.route.key;
+        const previous =
+          getPreviousScene({
+            route: scene.route,
+            index: i,
+          }) ?? parentPreviousScene;
+
        // If the screen is next to a headerless screen, we need to make the header appear static
        // This makes the header look like it's moving with the screen
        const previousScene = self[i - 1];
        const nextScene = self[i + 1];
+
+        const {
+          headerShown: previousHeaderShown = isParentHeaderShown === false,
+        } = previousScene?.descriptor.options || {};
+
+        const { headerShown: nextHeaderShown = isParentHeaderShown === false } =
+          nextScene?.descriptor.options || {};
+
        const isHeaderStatic =
-          (previousScene &&
-            previousScene.descriptor.options.headerShown === false &&
+          (previousHeaderShown === false &&
            // We still need to animate when coming back from next scene
            // A hacky way to check this is if the next scene exists
            !nextScene) ||
-          (nextScene && nextScene.descriptor.options.headerShown === false);
+          nextHeaderShown === false;

        const props = {
          mode,
@@ -133,18 +143,12 @@ export default function HeaderContainer({
                style={
                  // Avoid positioning the focused header absolutely
                  // Otherwise accessibility tools don't seem to be able to find it
-                  (mode === 'float' && !isFocused) || options.headerTransparent
+                  (mode === 'float' && !isFocused) || headerTransparent
                    ? styles.header
                    : null
                }
              >
-                {options.headerShown !== false ? (
-                  options.header !== undefined ? (
-                    options.header(props)
-                  ) : (
-                    <Header {...props} />
-                  )
-                ) : null}
+                {header !== undefined ? header(props) : <Header {...props} />}
              </View>
            </>
          </NavigationContext.Provider>
--- a/packages/stack/src/vendor/views/Header/HeaderSegment.tsx
+++ b/packages/stack/src/vendor/views/Header/HeaderSegment.tsx
@@ -7,12 +7,12 @@ import {
  Platform,
  ViewStyle,
 } from 'react-native';
-import { EdgeInsets } from 'react-native-safe-area-context';
-import { NavigationRoute } from 'react-navigation';
+import type { EdgeInsets } from 'react-native-safe-area-context';
+import type { NavigationRoute } from 'react-navigation';
 import HeaderBackButton from './HeaderBackButton';
 import HeaderBackground from './HeaderBackground';
 import memoize from '../../utils/memoize';
-import {
+import type {
  Layout,
  StackHeaderStyleInterpolator,
  StackHeaderLeftButtonProps,
@@ -62,7 +62,6 @@ export const getDefaultHeaderHeight = (
  let headerHeight;

  if (Platform.OS === 'ios') {
-    // @ts-ignore
    if (isLandscape && !Platform.isPad) {
      headerHeight = 32;
    } else {
@@ -208,7 +207,7 @@ export default class HeaderSegment extends React.Component<Props, State> {
      borderTopStartRadius,
      borderTopWidth,
      borderWidth,
-      // @ts-ignore: web support for shadow
+      // @ts-expect-error: web support for shadow
      boxShadow,
      elevation,
      shadowColor,
@@ -250,7 +249,6 @@ export default class HeaderSegment extends React.Component<Props, State> {
      borderTopStartRadius,
      borderTopWidth,
      borderWidth,
-      // @ts-ignore
      boxShadow,
      elevation,
      shadowColor,
@@ -265,9 +263,9 @@ export default class HeaderSegment extends React.Component<Props, State> {
    // So we need to filter them out
    // Users can use `null` instead
    for (const styleProp in safeStyles) {
-      // @ts-ignore
+      // @ts-expect-error: typescript wrongly complains that styleProp cannot be used to index safeStyles
      if (safeStyles[styleProp] === undefined) {
-        // @ts-ignore
+        // @ts-expect-error
        // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
        delete safeStyles[styleProp];
      }
--- a/packages/stack/src/vendor/views/KeyboardManager.tsx
+++ b/packages/stack/src/vendor/views/KeyboardManager.tsx
@@ -35,7 +35,11 @@ export default class KeyboardManager extends React.Component<Props> {

    this.clearKeyboardTimeout();

-    const input = TextInput.State.currentlyFocusedField();
+    // @ts-expect-error: currentlyFocusedInput is pretty new, so not in the type definitions
+    const input = TextInput.State.currentlyFocusedInput
+      ? // @ts-expect-error
+        TextInput.State.currentlyFocusedInput()
+      : TextInput.State.currentlyFocusedField();

    // When a page change begins, blur the currently focused input
    TextInput.State.blurTextInput(input);
--- a/packages/stack/src/vendor/views/MaskedView.native.tsx
+++ b/packages/stack/src/vendor/views/MaskedView.native.tsx
@@ -16,7 +16,6 @@ try {
 }

 const isMaskedViewAvailable =
-  // @ts-ignore
  UIManager.getViewManagerConfig('RNCMaskedView') != null;

 export default function MaskedView({ children, ...rest }: Props) {
--- a/packages/stack/src/vendor/views/MaskedView.tsx
+++ b/packages/stack/src/vendor/views/MaskedView.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';

 type Props = {
  maskElement: React.ReactElement;
--- a/packages/stack/src/vendor/views/Screens.tsx
+++ b/packages/stack/src/vendor/views/Screens.tsx
@@ -23,7 +23,7 @@ class WebScreen extends React.Component<

    return (
      <View
-        // @ts-ignore
+        // @ts-expect-error: hidden exists on web, but not in React Native
        hidden={!active}
        style={[style, { display: active ? 'flex' : 'none' }]}
        {...rest}
@@ -54,16 +54,16 @@ export const MaybeScreen = ({
  ...rest
 }: ViewProps & {
  enabled: boolean;
-  active: number | Animated.AnimatedInterpolation;
+  active: 0 | 1 | Animated.AnimatedInterpolation;
  children: React.ReactNode;
 }) => {
  if (enabled && Platform.OS === 'web') {
-    // @ts-ignore
+    // @ts-expect-error: the Animated.createAnimatedComponent types don't work properly
    return <AnimatedWebScreen active={active} {...rest} />;
  }

  if (enabled && Screens && Screens.screensEnabled()) {
-    // @ts-ignore
+    // @ts-expect-error: stackPresentation is incorrectly marked as required
    return <Screens.Screen active={active} {...rest} />;
  }

--- a/packages/stack/src/vendor/views/Stack/Card.tsx
+++ b/packages/stack/src/vendor/views/Stack/Card.tsx
@@ -9,7 +9,7 @@ import {
  Platform,
  InteractionManager,
 } from 'react-native';
-import { EdgeInsets } from 'react-native-safe-area-context';
+import type { EdgeInsets } from 'react-native-safe-area-context';
 import Color from 'color';

 import CardSheet from './CardSheet';
@@ -22,7 +22,7 @@ import CardAnimationContext from '../../utils/CardAnimationContext';
 import getDistanceForDirection from '../../utils/getDistanceForDirection';
 import getInvertedMultiplier from '../../utils/getInvertedMultiplier';
 import memoize from '../../utils/memoize';
-import {
+import type {
  TransitionSpec,
  StackCardStyleInterpolator,
  GestureDirection,
@@ -495,6 +495,17 @@ export default class Card extends React.Component<Props> {

    return (
      <CardAnimationContext.Provider value={animationContext}>
+        <Animated.View
+          style={{
+            // This is a dummy style that doesn't actually change anything visually.
+            // Animated needs the animated value to be used somewhere, otherwise things don't update properly.
+            // If we disable animations and hide header, it could end up making the value unused.
+            // So we have this dummy style that will always be used regardless of what else changed.
+            opacity: current,
+          }}
+          // Make sure that this view isn't removed. If this view is removed, our style with animated value won't apply
+          collapsable={false}
+        />
        <View pointerEvents="box-none" {...rest}>
          {overlayEnabled ? (
            <View pointerEvents="box-none" style={StyleSheet.absoluteFill}>
--- a/packages/stack/src/vendor/views/Stack/CardContainer.tsx
+++ b/packages/stack/src/vendor/views/Stack/CardContainer.tsx
@@ -1,10 +1,12 @@
 import * as React from 'react';
 import { Animated, View, StyleSheet, StyleProp, ViewStyle } from 'react-native';
-import { Props as HeaderContainerProps } from '../Header/HeaderContainer';
+import type { Props as HeaderContainerProps } from '../Header/HeaderContainer';
 import Card from './Card';
 import HeaderHeightContext from '../../utils/HeaderHeightContext';
+import HeaderShownContext from '../../utils/HeaderShownContext';
+import PreviousSceneContext from '../../utils/PreviousSceneContext';
 import useTheme from '../../../utils/useTheme';
-import {
+import type {
  Route,
  Scene,
  Layout,
@@ -20,7 +22,6 @@ type Props = TransitionPreset & {
  closing: boolean;
  layout: Layout;
  gesture: Animated.Value;
-  previousScene?: Scene<Route<string>>;
  scene: Scene<Route<string>>;
  safeAreaInsetTop: number;
  safeAreaInsetRight: number;
@@ -30,9 +31,10 @@ type Props = TransitionPreset & {
  cardOverlayEnabled?: boolean;
  cardShadowEnabled?: boolean;
  cardStyle?: StyleProp<ViewStyle>;
-  getPreviousRoute: (props: {
+  getPreviousScene: (props: {
    route: Route<string>;
-  }) => Route<string> | undefined;
+    index: number;
+  }) => Scene<Route<string>> | undefined;
  getFocusedRoute: () => Route<string>;
  renderHeader: (props: HeaderContainerProps) => React.ReactNode;
  renderScene: (props: { route: Route<string> }) => React.ReactNode;
@@ -54,6 +56,7 @@ type Props = TransitionPreset & {
  gestureVelocityImpact?: number;
  mode: StackCardMode;
  headerMode: StackHeaderMode;
+  headerShown: boolean;
  hasAbsoluteHeader: boolean;
  headerHeight: number;
  onHeaderHeightChange: (props: {
@@ -78,10 +81,11 @@ function CardContainer({
  gestureEnabled,
  gestureResponseDistance,
  gestureVelocityImpact,
-  getPreviousRoute,
+  getPreviousScene,
  getFocusedRoute,
  mode,
  headerMode,
+  headerShown,
  headerStyleInterpolator,
  hasAbsoluteHeader,
  headerHeight,
@@ -95,7 +99,6 @@ function CardContainer({
  onPageChangeStart,
  onTransitionEnd,
  onTransitionStart,
-  previousScene,
  renderHeader,
  renderScene,
  safeAreaInsetBottom,
@@ -143,8 +146,7 @@ function CardContainer({
  );

  React.useEffect(() => {
-    // `addListener` may not exist on web and older versions of React Native
-    // @ts-ignore
+    // @ts-expect-error: AnimatedInterpolation optionally has addListener, but the type defs don't think so
    const listener = scene.progress.next?.addListener?.(
      ({ value }: { value: number }) => {
        setPointerEvents(value <= EPSILON ? 'box-none' : 'none');
@@ -153,12 +155,16 @@ function CardContainer({

    return () => {
      if (listener) {
-        // @ts-ignore
+        // @ts-expect-error: AnimatedInterpolation optionally has removedListener, but the type defs don't think so
        scene.progress.next?.removeListener?.(listener);
      }
    };
  }, [pointerEvents, scene.progress.next]);

+  const isParentHeaderShown = React.useContext(HeaderShownContext);
+  const isCurrentHeaderShown = headerMode !== 'none' && headerShown !== false;
+  const previousScene = getPreviousScene({ route: scene.route, index });
+
  return (
    <Card
      index={index}
@@ -192,9 +198,15 @@ function CardContainer({
    >
      <View style={styles.container}>
        <View style={styles.scene}>
-          <HeaderHeightContext.Provider value={headerHeight}>
-            {renderScene({ route: scene.route })}
-          </HeaderHeightContext.Provider>
+          <PreviousSceneContext.Provider value={previousScene}>
+            <HeaderShownContext.Provider
+              value={isParentHeaderShown || isCurrentHeaderShown}
+            >
+              <HeaderHeightContext.Provider value={headerHeight}>
+                {renderScene({ route: scene.route })}
+              </HeaderHeightContext.Provider>
+            </HeaderShownContext.Provider>
+          </PreviousSceneContext.Provider>
        </View>
        {headerMode === 'screen'
          ? renderHeader({
@@ -202,7 +214,7 @@ function CardContainer({
              layout,
              insets,
              scenes: [previousScene, scene],
-              getPreviousRoute,
+              getPreviousScene,
              getFocusedRoute,
              gestureDirection,
              styleInterpolator: headerStyleInterpolator,
--- a/packages/stack/src/vendor/views/Stack/CardStack.tsx
+++ b/packages/stack/src/vendor/views/Stack/CardStack.tsx
@@ -6,12 +6,12 @@ import {
  Dimensions,
  Platform,
 } from 'react-native';
-import { EdgeInsets } from 'react-native-safe-area-context';
-import { NavigationState as StackNavigationState } from 'react-navigation';
+import type { EdgeInsets } from 'react-native-safe-area-context';
+import type { NavigationState as StackNavigationState } from 'react-navigation';

 import { MaybeScreenContainer, MaybeScreen } from '../Screens';
 import { getDefaultHeaderHeight } from '../Header/HeaderSegment';
-import { Props as HeaderContainerProps } from '../Header/HeaderContainer';
+import type { Props as HeaderContainerProps } from '../Header/HeaderContainer';
 import CardContainer from './CardContainer';
 import {
  DefaultTransition,
@@ -19,12 +19,13 @@ import {
 } from '../../TransitionConfigs/TransitionPresets';
 import { forNoAnimation as forNoAnimationHeader } from '../../TransitionConfigs/HeaderStyleInterpolators';
 import { forNoAnimation as forNoAnimationCard } from '../../TransitionConfigs/CardStyleInterpolators';
+import HeaderShownContext from '../../utils/HeaderShownContext';
 import getDistanceForDirection from '../../utils/getDistanceForDirection';
-import {
-  Route,
+import type {
  Layout,
  StackHeaderMode,
  StackCardMode,
+  Route,
  Scene,
  StackDescriptorMap,
  StackNavigationOptions,
@@ -243,7 +244,7 @@ export default class CardStack extends React.Component<Props, State> {
        if (
          oldScene &&
          scene.__memo.every((it, i) => {
-            // @ts-ignore
+            // @ts-expect-error: we haven't added __memo to the annotation to prevent usage elsewhere
            return oldScene.__memo[i] === it;
          })
        ) {
@@ -336,22 +337,31 @@ export default class CardStack extends React.Component<Props, State> {
    return state.routes[state.index];
  };

-  private doesFloatHeaderNeedAbsolutePositioning = () => {
-    if (this.props.headerMode !== 'float') {
-      return false;
+  private getPreviousScene = ({
+    route,
+    index,
+  }: {
+    route: Route<string>;
+    index: number;
+  }) => {
+    const previousRoute = this.props.getPreviousRoute({ route });
+
+    let previous: Scene<Route<string>> | undefined;
+
+    if (previousRoute) {
+      // The previous scene will be shortly before the current scene in the array
+      // So loop back from current index to avoid looping over the full array
+      for (let j = index - 1; j >= 0; j--) {
+        const s = this.state.scenes[j];
+
+        if (s && s.route.key === previousRoute.key) {
+          previous = s;
+          break;
+        }
+      }
    }

-    return this.state.scenes.slice(-2).some((scene) => {
-      const { descriptor } = scene;
-      const options = descriptor ? descriptor.options : {};
-      const { headerTransparent, headerShown } = options;
-
-      if (headerTransparent || headerShown === false) {
-        return true;
-      }
-
-      return false;
-    });
+    return previous;
  };

  render() {
@@ -364,7 +374,6 @@ export default class CardStack extends React.Component<Props, State> {
      closingRouteKeys,
      onOpenRoute,
      onCloseRoute,
-      getPreviousRoute,
      getGesturesEnabled,
      renderHeader,
      renderScene,
@@ -382,8 +391,6 @@ export default class CardStack extends React.Component<Props, State> {
    const focusedDescriptor = descriptors[focusedRoute.key];
    const focusedOptions = focusedDescriptor ? focusedDescriptor.options : {};

-    const isFloatHeaderAbsolute = this.doesFloatHeaderNeedAbsolutePositioning();
-
    let defaultTransitionPreset =
      mode === 'modal' ? ModalTransition : DefaultTransition;

@@ -405,193 +412,205 @@ export default class CardStack extends React.Component<Props, State> {
    // For modals, usually we want the screen underneath to be visible, so also disable it there
    const isScreensEnabled = Platform.OS !== 'ios' && mode !== 'modal';

-    let floatingHeader;
-
-    if (headerMode === 'float') {
-      floatingHeader = (
-        <React.Fragment key="header">
-          {renderHeader({
-            mode: 'float',
-            layout,
-            insets: { top, right, bottom, left },
-            scenes,
-            getPreviousRoute,
-            getFocusedRoute: this.getFocusedRoute,
-            onContentHeightChange: this.handleHeaderLayout,
-            gestureDirection:
-              focusedOptions.gestureDirection !== undefined
-                ? focusedOptions.gestureDirection
-                : defaultTransitionPreset.gestureDirection,
-            styleInterpolator:
-              focusedOptions.headerStyleInterpolator !== undefined
-                ? focusedOptions.headerStyleInterpolator
-                : defaultTransitionPreset.headerStyleInterpolator,
-            style: isFloatHeaderAbsolute ? styles.floating : undefined,
-          })}
-        </React.Fragment>
-      );
-    }
-
    return (
-      <React.Fragment>
-        {isFloatHeaderAbsolute ? null : floatingHeader}
-        <MaybeScreenContainer
-          enabled={isScreensEnabled}
-          style={styles.container}
-          onLayout={this.handleLayout}
-        >
-          {routes.map((route, index, self) => {
-            const focused = focusedRoute.key === route.key;
-            const gesture = gestures[route.key];
-            const scene = scenes[index];
+      <HeaderShownContext.Consumer>
+        {(isParentHeaderShown) => {
+          const isFloatHeaderAbsolute =
+            headerMode === 'float'
+              ? this.state.scenes.slice(-2).some((scene) => {
+                  const { descriptor } = scene;
+                  const options = descriptor ? descriptor.options : {};
+                  const {
+                    headerTransparent,
+                    headerShown = isParentHeaderShown === false,
+                  } = options;

-            const isScreenActive = scene.progress.next
-              ? scene.progress.next.interpolate({
-                  inputRange: [0, 1 - EPSILON, 1],
-                  outputRange: [1, 1, 0],
-                  extrapolate: 'clamp',
-                })
-              : 1;
-
-            const {
-              safeAreaInsets,
-              headerShown,
-              headerTransparent,
-              cardShadowEnabled,
-              cardOverlayEnabled,
-              cardOverlay,
-              cardStyle,
-              animationEnabled,
-              gestureResponseDistance,
-              gestureVelocityImpact,
-              gestureDirection = defaultTransitionPreset.gestureDirection,
-              transitionSpec = defaultTransitionPreset.transitionSpec,
-              cardStyleInterpolator = animationEnabled === false
-                ? forNoAnimationCard
-                : defaultTransitionPreset.cardStyleInterpolator,
-              headerStyleInterpolator = defaultTransitionPreset.headerStyleInterpolator,
-            } = scene.descriptor
-              ? scene.descriptor.options
-              : ({} as StackNavigationOptions);
-
-            let transitionConfig = {
-              gestureDirection,
-              transitionSpec,
-              cardStyleInterpolator,
-              headerStyleInterpolator,
-            };
-
-            // When a screen is not the last, it should use next screen's transition config
-            // Many transitions also animate the previous screen, so using 2 different transitions doesn't look right
-            // For example combining a slide and a modal transition would look wrong otherwise
-            // With this approach, combining different transition styles in the same navigator mostly looks right
-            // This will still be broken when 2 transitions have different idle state (e.g. modal presentation),
-            // but majority of the transitions look alright
-            if (index !== self.length - 1) {
-              const nextScene = scenes[index + 1];
-
-              if (nextScene) {
-                const {
-                  animationEnabled,
-                  gestureDirection = defaultTransitionPreset.gestureDirection,
-                  transitionSpec = defaultTransitionPreset.transitionSpec,
-                  cardStyleInterpolator = animationEnabled === false
-                    ? forNoAnimationCard
-                    : defaultTransitionPreset.cardStyleInterpolator,
-                  headerStyleInterpolator = defaultTransitionPreset.headerStyleInterpolator,
-                } = nextScene.descriptor
-                  ? nextScene.descriptor.options
-                  : ({} as StackNavigationOptions);
-
-                transitionConfig = {
-                  gestureDirection,
-                  transitionSpec,
-                  cardStyleInterpolator,
-                  headerStyleInterpolator,
-                };
-              }
-            }
-
-            const {
-              top: safeAreaInsetTop = insets.top,
-              right: safeAreaInsetRight = insets.right,
-              bottom: safeAreaInsetBottom = insets.bottom,
-              left: safeAreaInsetLeft = insets.left,
-            } = safeAreaInsets || {};
-
-            const previousRoute = getPreviousRoute({ route: scene.route });
-
-            let previousScene = scenes[index - 1];
-
-            if (previousRoute) {
-              // The previous scene will be shortly before the current scene in the array
-              // So loop back from current index to avoid looping over the full array
-              for (let j = index - 1; j >= 0; j--) {
-                const s = scenes[j];
-
-                if (s && s.route.key === previousRoute.key) {
-                  previousScene = s;
-                  break;
-                }
-              }
-            }
-
-            return (
-              <MaybeScreen
-                key={route.key}
-                style={StyleSheet.absoluteFill}
-                enabled={isScreensEnabled}
-                active={isScreenActive}
-                pointerEvents="box-none"
-              >
-                <CardContainer
-                  index={index}
-                  active={index === self.length - 1}
-                  focused={focused}
-                  closing={closingRouteKeys.includes(route.key)}
-                  layout={layout}
-                  gesture={gesture}
-                  scene={scene}
-                  previousScene={previousScene}
-                  safeAreaInsetTop={safeAreaInsetTop}
-                  safeAreaInsetRight={safeAreaInsetRight}
-                  safeAreaInsetBottom={safeAreaInsetBottom}
-                  safeAreaInsetLeft={safeAreaInsetLeft}
-                  cardOverlay={cardOverlay}
-                  cardOverlayEnabled={cardOverlayEnabled}
-                  cardShadowEnabled={cardShadowEnabled}
-                  cardStyle={cardStyle}
-                  onPageChangeStart={onPageChangeStart}
-                  onPageChangeConfirm={onPageChangeConfirm}
-                  onPageChangeCancel={onPageChangeCancel}
-                  gestureResponseDistance={gestureResponseDistance}
-                  headerHeight={headerHeights[route.key]}
-                  onHeaderHeightChange={this.handleHeaderLayout}
-                  getPreviousRoute={getPreviousRoute}
-                  getFocusedRoute={this.getFocusedRoute}
-                  mode={mode}
-                  headerMode={headerMode}
-                  hasAbsoluteHeader={
-                    isFloatHeaderAbsolute &&
-                    headerShown !== false &&
-                    !headerTransparent
+                  if (headerTransparent || headerShown === false) {
+                    return true;
                  }
-                  renderHeader={renderHeader}
-                  renderScene={renderScene}
-                  onOpenRoute={onOpenRoute}
-                  onCloseRoute={onCloseRoute}
-                  onTransitionStart={onTransitionStart}
-                  onTransitionEnd={onTransitionEnd}
-                  gestureEnabled={index !== 0 && getGesturesEnabled({ route })}
-                  gestureVelocityImpact={gestureVelocityImpact}
-                  {...transitionConfig}
-                />
-              </MaybeScreen>
-            );
-          })}
-        </MaybeScreenContainer>
-        {isFloatHeaderAbsolute ? floatingHeader : null}
-      </React.Fragment>
+
+                  return false;
+                })
+              : false;
+
+          const floatingHeader =
+            headerMode === 'float' ? (
+              <React.Fragment key="header">
+                {renderHeader({
+                  mode: 'float',
+                  layout,
+                  insets: { top, right, bottom, left },
+                  scenes,
+                  getPreviousScene: this.getPreviousScene,
+                  getFocusedRoute: this.getFocusedRoute,
+                  onContentHeightChange: this.handleHeaderLayout,
+                  gestureDirection:
+                    focusedOptions.gestureDirection !== undefined
+                      ? focusedOptions.gestureDirection
+                      : defaultTransitionPreset.gestureDirection,
+                  styleInterpolator:
+                    focusedOptions.headerStyleInterpolator !== undefined
+                      ? focusedOptions.headerStyleInterpolator
+                      : defaultTransitionPreset.headerStyleInterpolator,
+                  style: [
+                    styles.floating,
+                    isFloatHeaderAbsolute && styles.absolute,
+                  ],
+                })}
+              </React.Fragment>
+            ) : null;
+
+          return (
+            <React.Fragment>
+              {isFloatHeaderAbsolute ? null : floatingHeader}
+              <MaybeScreenContainer
+                enabled={isScreensEnabled}
+                style={styles.container}
+                onLayout={this.handleLayout}
+              >
+                {routes.map((route, index, self) => {
+                  const focused = focusedRoute.key === route.key;
+                  const gesture = gestures[route.key];
+                  const scene = scenes[index];
+
+                  const isScreenActive = scene.progress.next
+                    ? scene.progress.next.interpolate({
+                        inputRange: [0, 1 - EPSILON, 1],
+                        outputRange: [1, 1, 0],
+                        extrapolate: 'clamp',
+                      })
+                    : 1;
+
+                  const {
+                    safeAreaInsets,
+                    headerShown = isParentHeaderShown === false,
+                    headerTransparent,
+                    cardShadowEnabled,
+                    cardOverlayEnabled,
+                    cardOverlay,
+                    cardStyle,
+                    animationEnabled,
+                    gestureResponseDistance,
+                    gestureVelocityImpact,
+                    gestureDirection = defaultTransitionPreset.gestureDirection,
+                    transitionSpec = defaultTransitionPreset.transitionSpec,
+                    cardStyleInterpolator = animationEnabled === false
+                      ? forNoAnimationCard
+                      : defaultTransitionPreset.cardStyleInterpolator,
+                    headerStyleInterpolator = defaultTransitionPreset.headerStyleInterpolator,
+                  } = scene.descriptor
+                    ? scene.descriptor.options
+                    : ({} as StackNavigationOptions);
+
+                  let transitionConfig = {
+                    gestureDirection,
+                    transitionSpec,
+                    cardStyleInterpolator,
+                    headerStyleInterpolator,
+                  };
+
+                  // When a screen is not the last, it should use next screen's transition config
+                  // Many transitions also animate the previous screen, so using 2 different transitions doesn't look right
+                  // For example combining a slide and a modal transition would look wrong otherwise
+                  // With this approach, combining different transition styles in the same navigator mostly looks right
+                  // This will still be broken when 2 transitions have different idle state (e.g. modal presentation),
+                  // but majority of the transitions look alright
+                  if (index !== self.length - 1) {
+                    const nextScene = scenes[index + 1];
+
+                    if (nextScene) {
+                      const {
+                        animationEnabled,
+                        gestureDirection = defaultTransitionPreset.gestureDirection,
+                        transitionSpec = defaultTransitionPreset.transitionSpec,
+                        cardStyleInterpolator = animationEnabled === false
+                          ? forNoAnimationCard
+                          : defaultTransitionPreset.cardStyleInterpolator,
+                        headerStyleInterpolator = defaultTransitionPreset.headerStyleInterpolator,
+                      } = nextScene.descriptor
+                        ? nextScene.descriptor.options
+                        : ({} as StackNavigationOptions);
+
+                      transitionConfig = {
+                        gestureDirection,
+                        transitionSpec,
+                        cardStyleInterpolator,
+                        headerStyleInterpolator,
+                      };
+                    }
+                  }
+
+                  const {
+                    top: safeAreaInsetTop = insets.top,
+                    right: safeAreaInsetRight = insets.right,
+                    bottom: safeAreaInsetBottom = insets.bottom,
+                    left: safeAreaInsetLeft = insets.left,
+                  } = safeAreaInsets || {};
+
+                  const headerHeight =
+                    headerMode !== 'none' && headerShown !== false
+                      ? headerHeights[route.key]
+                      : 0;
+
+                  return (
+                    <MaybeScreen
+                      key={route.key}
+                      style={StyleSheet.absoluteFill}
+                      enabled={isScreensEnabled}
+                      active={isScreenActive}
+                      pointerEvents="box-none"
+                    >
+                      <CardContainer
+                        index={index}
+                        active={index === self.length - 1}
+                        focused={focused}
+                        closing={closingRouteKeys.includes(route.key)}
+                        layout={layout}
+                        gesture={gesture}
+                        scene={scene}
+                        safeAreaInsetTop={safeAreaInsetTop}
+                        safeAreaInsetRight={safeAreaInsetRight}
+                        safeAreaInsetBottom={safeAreaInsetBottom}
+                        safeAreaInsetLeft={safeAreaInsetLeft}
+                        cardOverlay={cardOverlay}
+                        cardOverlayEnabled={cardOverlayEnabled}
+                        cardShadowEnabled={cardShadowEnabled}
+                        cardStyle={cardStyle}
+                        onPageChangeStart={onPageChangeStart}
+                        onPageChangeConfirm={onPageChangeConfirm}
+                        onPageChangeCancel={onPageChangeCancel}
+                        gestureResponseDistance={gestureResponseDistance}
+                        headerHeight={headerHeight}
+                        onHeaderHeightChange={this.handleHeaderLayout}
+                        getPreviousScene={this.getPreviousScene}
+                        getFocusedRoute={this.getFocusedRoute}
+                        mode={mode}
+                        headerMode={headerMode}
+                        headerShown={headerShown}
+                        hasAbsoluteHeader={
+                          isFloatHeaderAbsolute && !headerTransparent
+                        }
+                        renderHeader={renderHeader}
+                        renderScene={renderScene}
+                        onOpenRoute={onOpenRoute}
+                        onCloseRoute={onCloseRoute}
+                        onTransitionStart={onTransitionStart}
+                        onTransitionEnd={onTransitionEnd}
+                        gestureEnabled={
+                          index !== 0 && getGesturesEnabled({ route })
+                        }
+                        gestureVelocityImpact={gestureVelocityImpact}
+                        {...transitionConfig}
+                      />
+                    </MaybeScreen>
+                  );
+                })}
+              </MaybeScreenContainer>
+              {isFloatHeaderAbsolute ? floatingHeader : null}
+            </React.Fragment>
+          );
+        }}
+      </HeaderShownContext.Consumer>
    );
  }
 }
@@ -600,10 +619,13 @@ const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
-  floating: {
+  absolute: {
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
  },
+  floating: {
+    zIndex: 1,
+  },
 });
--- a/packages/stack/src/vendor/views/Stack/StackView.tsx
+++ b/packages/stack/src/vendor/views/Stack/StackView.tsx
@@ -15,7 +15,7 @@ import HeaderContainer, {
  Props as HeaderContainerProps,
 } from '../Header/HeaderContainer';
 import SafeAreaProviderCompat from '../SafeAreaProviderCompat';
-import {
+import type {
  Route,
  StackNavigationHelpers,
  StackNavigationConfig,
@@ -356,14 +356,16 @@ export default class StackView extends React.Component<Props, State> {

  private handleOpenRoute = ({ route }: { route: Route<string> }) => {
    const { state, navigation } = this.props;
+    const { closingRouteKeys, replacingRouteKeys } = this.state;

    this.handleTransitionComplete();

    if (
-      this.state.replacingRouteKeys.every((key) => key !== route.key) &&
+      closingRouteKeys.some((key) => key === route.key) &&
+      replacingRouteKeys.every((key) => key !== route.key) &&
      !state.routes.some((r) => r.key === route.key)
    ) {
-      // If route isn't present in current state, assume that a close animation was cancelled
+      // If route isn't present in current state, but was closing, assume that a close animation was cancelled
      // So we need to add this route back to the state
      navigation.dispatch(NavigationActions.navigate(route));
    } else {
@@ -438,6 +440,11 @@ export default class StackView extends React.Component<Props, State> {
      navigation,
      keyboardHandlingEnabled,
      mode = 'card',
+      headerMode = mode === 'card' && Platform.OS === 'ios'
+        ? 'float'
+        : 'screen',
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      descriptors: _,
      ...rest
    } = this.props;

@@ -448,9 +455,6 @@ export default class StackView extends React.Component<Props, State> {
      closingRouteKeys,
    } = this.state;

-    const headerMode =
-      mode === 'card' && Platform.OS === 'ios' ? 'float' : 'screen';
-
    return (
      <>
        <GestureHandlerWrapper style={styles.container}>
--- a/packages/stack/src/views/StackView.tsx
+++ b/packages/stack/src/views/StackView.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import validateDeprecatedOptions from '../utils/validateDeprecatedOptions';
 import validateDeprecatedConfig from '../utils/validateDeprecatedConfig';
 import StackViewBase from '../vendor/views/Stack/StackView';
-import {
+import type {
  StackNavigationHelpers,
  StackNavigationConfig,
  StackDescriptorMap,
--- a/packages/stack/tsconfig.build.json
+++ b/packages/stack/tsconfig.build.json
@@ -1,6 +1,6 @@
 {
  "extends": "./tsconfig",
  "compilerOptions": {
-    "paths": {}
+    "paths": {},
  }
 }
--- a/packages/stack/tsconfig.json
+++ b/packages/stack/tsconfig.json
@@ -4,6 +4,7 @@
    { "path": "../react-navigation" }
  ],
  "compilerOptions": {
-    "outDir": "./lib/typescript"
+    "outDir": "./lib/typescript",
+    "importsNotUsedAsValues": "error",
  }
 }
--- a/packages/tabs/CHANGELOG.md
+++ b/packages/tabs/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [2.9.0](https://github.com/react-navigation/tabs/compare/react-navigation-tabs@2.8.13...react-navigation-tabs@2.9.0) (2020-06-25)
+
+
+### Features
+
+* sync latest stack and upgrade typescript ([454e05b](https://github.com/react-navigation/tabs/commit/454e05b02ec97f053b381fdc801df899d8c93cb6))
+
+
+
+
+
 ## [2.8.13](https://github.com/react-navigation/tabs/compare/react-navigation-tabs@2.8.12...react-navigation-tabs@2.8.13) (2020-04-30)

 **Note:** Version bump only for package react-navigation-tabs
--- a/packages/tabs/package.json
+++ b/packages/tabs/package.json
@@ -1,6 +1,6 @@
 {
  "name": "react-navigation-tabs",
-  "version": "2.8.13",
+  "version": "2.9.0",
  "description": "Tab Navigation components for React Navigation",
  "main": "lib/commonjs/index.js",
  "module": "lib/module/index.js",
@@ -56,8 +56,8 @@
    "react-native-gesture-handler": "^1.6.0",
    "react-native-reanimated": "^1.2.0",
    "react-native-tab-view": "^2.13.0",
-    "react-navigation": "^4.3.9",
-    "typescript": "~3.8.3"
+    "react-navigation": "^4.4.0",
+    "typescript": "^3.9.5"
  },
  "peerDependencies": {
    "react": "*",
--- a/yarn.lock
+++ b/yarn.lock
@@ -3202,10 +3202,10 @@
  resolved "https://registry.yarnpkg.com/@react-native-community/masked-view/-/masked-view-0.1.7.tgz#a65ce0702f55cb67fd777995de6fc7b3e5781903"
  integrity sha512-9KbP7LTLFz9dx1heURJbO6nuVMdSjDez8znlrUzaB1nUwKVsTTwlKRuHxGUYIIkReLWrJQeCv9tidy+84z2eCw==

-"@react-navigation/stack@^5.4.2":
-  version "5.4.2"
-  resolved "https://registry.yarnpkg.com/@react-navigation/stack/-/stack-5.4.2.tgz#ca4e77e8ab55b446e44f656068702825ec3b29d3"
-  integrity sha512-EG8DqHsfg257XeNaO6MIeAnPClekmr8po3PYikezyXon02rJUmHU4px25/PWOvh1hTFiH40W4WYBKzrzMBFaOQ==
+"@react-navigation/stack@^5.6.0":
+  version "5.6.0"
+  resolved "https://registry.yarnpkg.com/@react-navigation/stack/-/stack-5.6.0.tgz#c307559ab6ba380f977f7f74efbe861bcbbdcf4b"
+  integrity sha512-e5uU37qgi9cXqOac8P2oFAj+4ZY7dI2kt04jg5+psAYN0Coawk6oyowBpBy6FsMBHMQv/p8J97Hc6eUnTwgzQw==
  dependencies:
    color "^3.1.2"
    react-native-iphone-x-helper "^1.2.1"
@@ -16708,10 +16708,10 @@ typescript@3.7.3:
  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.7.3.tgz#b36840668a16458a7025b9eabfad11b66ab85c69"
  integrity sha512-Mcr/Qk7hXqFBXMN7p7Lusj1ktCBydylfQM/FZCk5glCNQJrCUKPkMHdo9R0MTFWsC/4kPFvDS0fDPvukfCkFsw==

-typescript@~3.8.3:
-  version "3.8.3"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.8.3.tgz#409eb8544ea0335711205869ec458ab109ee1061"
-  integrity sha512-MYlEfn5VrLNsgudQTVJeNaQFUAI7DkhnOjdpAp4T+ku1TfQClewlbSuTVHiA+8skNBgaf02TL/kLOvig4y3G8w==
+typescript@^3.9.5:
+  version "3.9.5"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.5.tgz#586f0dba300cde8be52dd1ac4f7e1009c1b13f36"
+  integrity sha512-hSAifV3k+i6lEoCJ2k6R2Z/rp/H3+8sdmcn5NrS3/3kE7+RyZXm9aqvxWqjEXHAd8b0pShatpcdMTvEdvAJltQ==

 ua-parser-js@^0.7.18, ua-parser-js@^0.7.19:
  version "0.7.21"
Author	SHA1	Message	Date
Satyajit Sahoo	6515fbe2dc	chore: publish - react-navigation-animated-switch@0.6.0 - react-navigation-drawer@2.5.0 - react-navigation-material-bottom-tabs@2.3.0 - @react-navigation/native@3.8.0 - react-navigation@4.4.0 - react-navigation-stack@2.8.0 - react-navigation-tabs@2.9.0	2020-06-25 02:17:38 +02:00
Satyajit Sahoo	454e05b02e	feat: sync latest stack and upgrade typescript	2020-06-25 02:15:28 +02:00
Satyajit Sahoo	442ca3e700	fix: improve error message when installing wrong version	2020-06-22 02:25:00 +02:00
Satyajit Sahoo	e00c63e32b	chore: publish - react-navigation-stack@2.7.0	2020-06-08 11:35:08 +02:00
Satyajit Sahoo	ba6d7dcbed	feat: sync latest stack	2020-06-08 11:31:03 +02:00