From 48aaf981d8918faf0ec3a3f1d1f24ae86e0b5748 Mon Sep 17 00:00:00 2001
From: Wojciech Lewicki <wojciech.lewicki@swmansion.com>
Date: Tue, 13 Jun 2023 17:09:50 +0200
Subject: [PATCH] feat: remove v4 from repo (#1790)

PR removing createNativeStackNavigator.tsx file from the repo along with all the code regarding it. It may be considered BREAKING CHANGE for people still using react-navigation v4 in their app and should not update the version of react-native-screens if they still want to use that deprecated version.
---
 .eslintrc.js                                  |   1 -
 Example/App.tsx                               |   7 -
 Example/metro.config.js                       |   2 -
 Example/package.json                          |   4 +-
 Example/src/screens/StackReactNavigation4.tsx | 100 ---
 Example/yarn.lock                             |  60 +-
 FabricExample/metro.config.js                 |   2 -
 FabricTestExample/metro.config.js             |   2 -
 README.md                                     |   1 -
 TVOSExample/metro.config.js                   |   2 -
 TVOSExample/package.json                      |   6 +-
 TVOSExample/yarn.lock                         |  85 +--
 TestsExample/metro.config.js                  |   2 -
 createNativeStackNavigator/README.md          | 522 ---------------
 createNativeStackNavigator/package.json       |   6 -
 package.json                                  |   7 +-
 patches/react-navigation-stack+2.10.4.patch   |  80 ---
 src/createNativeStackNavigator.tsx            | 595 ------------------
 tsconfig.json                                 |   1 -
 yarn.lock                                     | 124 +---
 20 files changed, 11 insertions(+), 1598 deletions(-)
 delete mode 100644 Example/src/screens/StackReactNavigation4.tsx
 delete mode 100644 createNativeStackNavigator/README.md
 delete mode 100644 createNativeStackNavigator/package.json
 delete mode 100644 patches/react-navigation-stack+2.10.4.patch
 delete mode 100644 src/createNativeStackNavigator.tsx

diff --git a/.eslintrc.js b/.eslintrc.js
index eac27f74eb..f08d477670 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -19,7 +19,6 @@ module.exports = {
     'import/core-modules': [
       'react-native-screens',
       'react-native-screens/native-stack',
-      'react-native-screens/createNativeStackNavigator',
       'react-native-screens/reanimated',
     ],
     'import/ignore': [
diff --git a/Example/App.tsx b/Example/App.tsx
index 575b45a313..3af0e5e483 100644
--- a/Example/App.tsx
+++ b/Example/App.tsx
@@ -20,7 +20,6 @@ import HeaderOptions from './src/screens/HeaderOptions';
 import StatusBarExample from './src/screens/StatusBar';
 import Animations from './src/screens/Animations';
 import BottomTabsAndStack from './src/screens/BottomTabsAndStack';
-import StackReactNavigation4 from './src/screens/StackReactNavigation4';
 import Modals from './src/screens/Modals';
 import Orientation from './src/screens/Orientation';
 import SearchBar from './src/screens/SearchBar';
@@ -63,12 +62,6 @@ const SCREENS: Record<
     component: Modals,
     type: 'example',
   },
-  StackReactNavigation4: {
-    title: 'Stack react-navigation v4',
-    // @ts-ignore react-navigation v4 AppNavigator type
-    component: StackReactNavigation4,
-    type: 'example',
-  },
   HeaderOptions: {
     title: 'Header Options',
     component: HeaderOptions,
diff --git a/Example/metro.config.js b/Example/metro.config.js
index 7c5ea31236..b2275182f6 100644
--- a/Example/metro.config.js
+++ b/Example/metro.config.js
@@ -9,8 +9,6 @@ const root = path.resolve(__dirname, '..');
 
 const modules = [
   '@react-navigation/native',
-  'react-navigation',
-  'react-navigation-stack',
   'react-native-safe-area-context',
   ...Object.keys(pack.peerDependencies),
 ];
diff --git a/Example/package.json b/Example/package.json
index f6cd04982d..d64a3618f7 100644
--- a/Example/package.json
+++ b/Example/package.json
@@ -30,9 +30,7 @@
     "react-native-safe-area-context": "^4.4.1",
     "react-native-screens": "link:../",
     "react-native-vector-icons": "^8.0.0",
-    "react-native-webview": "^11.13.0",
-    "react-navigation": "^4.4.4",
-    "react-navigation-stack": "^2.10.3"
+    "react-native-webview": "^11.13.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.16",
diff --git a/Example/src/screens/StackReactNavigation4.tsx b/Example/src/screens/StackReactNavigation4.tsx
deleted file mode 100644
index 2c5b541c97..0000000000
--- a/Example/src/screens/StackReactNavigation4.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import React from 'react';
-import { View, Text, StyleSheet, I18nManager } from 'react-native';
-import { NavigationStackProp } from 'react-navigation-stack';
-import { createCompatNavigatorFactory } from '@react-navigation/compat';
-
-// in this example we use compatibility layer to show v4 syntax within v5 project
-// but normally with v4 you would use different import
-// import createNativeStackNavigator from 'react-native-screens/createNativeStackNavigator';
-import { createNativeStackNavigator } from 'react-native-screens/native-stack';
-// more information about compatibility layer https://reactnavigation.org/docs/compatibility/
-
-import { Button } from '../shared';
-
-class HomeScreen extends React.Component<{ navigation: NavigationStackProp }> {
-  render() {
-    return (
-      <View style={{ ...styles.container, backgroundColor: 'moccasin' }}>
-        <Text style={styles.text}>Home Screen</Text>
-        <Button
-          title="Go to Details"
-          onPress={() => this.props.navigation.navigate('Details')}
-        />
-        <Button
-          title="🔙 Back to Examples"
-          onPress={() => this.props.navigation.goBack()}
-        />
-      </View>
-    );
-  }
-}
-
-class DetailsScreen extends React.Component<{
-  navigation: NavigationStackProp;
-}> {
-  render() {
-    const colors = [
-      'skyblue',
-      'palevioletred',
-      'peachpuff',
-      'mistyrose',
-      'darkseagreen',
-      'lavender',
-    ];
-    return (
-      <View
-        style={{
-          ...styles.container,
-          backgroundColor:
-            colors[Math.floor(Math.random() * Math.floor(colors.length))],
-        }}>
-        <Text style={styles.text}>Details Screen</Text>
-        <Button
-          title="Go to Details... again"
-          onPress={() => this.props.navigation.push('Details')}
-        />
-        <Button
-          title="Go back"
-          onPress={() => this.props.navigation.goBack()}
-        />
-      </View>
-    );
-  }
-}
-
-// we run it with compatibility layer to use react-navigation v5 in the project
-// normally in v4 it would be just
-// const AppNavigator = createNativeStackNavigator(
-const AppNavigator = createCompatNavigatorFactory(createNativeStackNavigator)(
-  {
-    Home: HomeScreen,
-    Details: DetailsScreen,
-  },
-  {
-    initialRouteName: 'Home',
-    defaultNavigationOptions: {
-      headerStyle: {
-        backgroundColor: 'blue',
-      },
-      headerTintColor: 'white',
-      headerTitleStyle: {
-        fontWeight: 'bold',
-      },
-      title: 'react-navigation v4',
-      headerHideBackButton: true,
-      direction: I18nManager.isRTL ? 'rtl' : 'ltr',
-    },
-  }
-);
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    paddingTop: 10,
-  },
-  text: {
-    textAlign: 'center',
-  },
-});
-
-export default AppNavigator;
diff --git a/Example/yarn.lock b/Example/yarn.lock
index 7561c6b4b8..7b47a4f53b 100644
--- a/Example/yarn.lock
+++ b/Example/yarn.lock
@@ -1320,16 +1320,6 @@
   resolved "https://registry.yarnpkg.com/@react-navigation/compat/-/compat-5.3.20.tgz#96cc6995f4bd40f70958b420735a189a87b22a0e"
   integrity sha512-4CDw3QRN2zKj2L1Fxjq6ZOK95EW8UOnW3Par1o+P07qc+dZTAL1poKeRx74yqGLQyGVawozTHOgyE8/XWjdDvg==
 
-"@react-navigation/core@^3.7.9":
-  version "3.7.9"
-  resolved "https://registry.yarnpkg.com/@react-navigation/core/-/core-3.7.9.tgz#3f7ba0fcb6c8d74a77a057382af198d84c7c4e3b"
-  integrity sha512-EknbzM8OI9A5alRxXtQRV5Awle68B+z1QAxNty5DxmlS3BNfmduWNGnim159ROyqxkuDffK9L/U/Tbd45mx+Jg==
-  dependencies:
-    hoist-non-react-statics "^3.3.2"
-    path-to-regexp "^1.8.0"
-    query-string "^6.13.6"
-    react-is "^16.13.0"
-
 "@react-navigation/core@^5.16.1":
   version "5.16.1"
   resolved "https://registry.yarnpkg.com/@react-navigation/core/-/core-5.16.1.tgz#e0d308bd9bbd930114ce55c4151806b6d7907f69"
@@ -1349,14 +1339,6 @@
     color "^3.1.3"
     react-native-iphone-x-helper "^1.3.0"
 
-"@react-navigation/native@^3.8.4":
-  version "3.8.4"
-  resolved "https://registry.yarnpkg.com/@react-navigation/native/-/native-3.8.4.tgz#4d77f86506364ecf18b33c7f8740afb6763d0b37"
-  integrity sha512-gXSVcL7bfFDyVkvyg1FiAqTCIgZub5K1X/TZqURBs2CPqDpfX1OsCtB9D33eTF14SpbfgHW866btqrrxoCACfg==
-  dependencies:
-    hoist-non-react-statics "^3.3.2"
-    react-native-safe-area-view "^0.14.9"
-
 "@react-navigation/native@^5.9.2":
   version "5.9.8"
   resolved "https://registry.yarnpkg.com/@react-navigation/native/-/native-5.9.8.tgz#ac76ee6390ea7ce807486ca5c38d903e23433a97"
@@ -3602,12 +3584,7 @@ hermes-profile-transformer@^0.0.6:
   dependencies:
     source-map "^0.7.3"
 
-hoist-non-react-statics@^2.3.1:
-  version "2.5.5"
-  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz#c5903cf409c0dfd908f388e619d86b9c1174cb47"
-  integrity sha512-rqcy4pJo55FTTLWt+bU8ukscqHeE/e9KWvsOW2b/a3afxQZhwkQdT1rPPCJ0rYXdj4vNcasY8zHTH+jF/qStxw==
-
-hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.2:
+hoist-non-react-statics@^3.3.0:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
   integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
@@ -3984,11 +3961,6 @@ is-wsl@^1.1.0:
   resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
   integrity sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw==
 
-isarray@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf"
-  integrity sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==
-
 isarray@1.0.0, isarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
@@ -5660,13 +5632,6 @@ path-parse@^1.0.7:
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
-path-to-regexp@^1.8.0:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-1.8.0.tgz#887b3ba9d84393e87a0a0b9f4cb756198b53548a"
-  integrity sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==
-  dependencies:
-    isarray "0.0.1"
-
 picocolors@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
@@ -5919,13 +5884,6 @@ react-native-safe-area-context@^4.4.1:
   resolved "https://registry.yarnpkg.com/react-native-safe-area-context/-/react-native-safe-area-context-4.4.1.tgz#239c60b8a9a80eac70a38a822b04c0f1d15ffc01"
   integrity sha512-N9XTjiuD73ZpVlejHrUWIFZc+6Z14co1K/p1IFMkImU7+avD69F3y+lhkqA2hN/+vljdZrBSiOwXPkuo43nFQA==
 
-react-native-safe-area-view@^0.14.9:
-  version "0.14.9"
-  resolved "https://registry.yarnpkg.com/react-native-safe-area-view/-/react-native-safe-area-view-0.14.9.tgz#90ee8383037010d9a5055a97cf97e4c1da1f0c3d"
-  integrity sha512-WII/ulhpVyL/qbYb7vydq7dJAfZRBcEhg4/UWt6F6nAKpLa3gAceMOxBxI914ppwSP/TdUsandFy6lkJQE0z4A==
-  dependencies:
-    hoist-non-react-statics "^2.3.1"
-
 "react-native-screens@link:..":
   version "0.0.0"
   uid ""
@@ -5991,22 +5949,6 @@ react-native@0.69.7:
     whatwg-fetch "^3.0.0"
     ws "^6.1.4"
 
-react-navigation-stack@^2.10.3:
-  version "2.10.4"
-  resolved "https://registry.yarnpkg.com/react-navigation-stack/-/react-navigation-stack-2.10.4.tgz#377fd6533f8ae0cf5ca5a435a0115851f010306a"
-  integrity sha512-3LE1PFsFV9v4PUlZRATMotqs6H7MOOpIKtjyP+l8D1cyzYmsMQh3EFikeDfzGQUXIvy8VyLAMtcEssicQPYvFA==
-  dependencies:
-    color "^3.1.3"
-    react-native-iphone-x-helper "^1.3.0"
-
-react-navigation@^4.4.4:
-  version "4.4.4"
-  resolved "https://registry.yarnpkg.com/react-navigation/-/react-navigation-4.4.4.tgz#8cda2219196311db440e54998bc724523359949f"
-  integrity sha512-08Nzy1aKEd73496CsuzN49vLFmxPKYF5WpKGgGvkQ10clB79IRM2BtAfVl6NgPKuUM8FXq1wCsrjo/c5ftl5og==
-  dependencies:
-    "@react-navigation/core" "^3.7.9"
-    "@react-navigation/native" "^3.8.4"
-
 react-refresh@^0.4.0:
   version "0.4.3"
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.4.3.tgz#966f1750c191672e76e16c2efa569150cc73ab53"
diff --git a/FabricExample/metro.config.js b/FabricExample/metro.config.js
index b941e0fa55..403ecbb157 100644
--- a/FabricExample/metro.config.js
+++ b/FabricExample/metro.config.js
@@ -9,8 +9,6 @@ const root = path.resolve(__dirname, '..');
 
 const modules = [
   '@react-navigation/native',
-  'react-navigation',
-  'react-navigation-stack',
   'react-native-safe-area-context',
   ...Object.keys(pack.peerDependencies),
 ];
diff --git a/FabricTestExample/metro.config.js b/FabricTestExample/metro.config.js
index b78aa925c7..048f7b12bf 100644
--- a/FabricTestExample/metro.config.js
+++ b/FabricTestExample/metro.config.js
@@ -10,9 +10,7 @@ const root = path.resolve(__dirname, '..');
 const modules = [
   '@react-navigation/native',
   '@react-navigation/stack',
-  'react-navigation',
   'react-native-reanimated',
-  'react-navigation-stack',
   'react-native-safe-area-context',
   ...Object.keys(pack.peerDependencies),
 ];
diff --git a/README.md b/README.md
index 56496b5fa6..c1d594bd14 100644
--- a/README.md
+++ b/README.md
@@ -155,7 +155,6 @@ To take advantage of the native stack navigator primitive for React Navigation t
 
 - for React Navigation >= v6 to the [Native Stack Navigator part of React Navigation documentation](https://reactnavigation.org/docs/native-stack-navigator)
 - for React Navigation v5 to the [README in react-native-screens/native-stack](https://github.com/software-mansion/react-native-screens/tree/main/native-stack)
-- for older versions to the [README in react-native-screens/createNativeStackNavigator](https://github.com/software-mansion/react-native-screens/tree/main/createNativeStackNavigator)
 
 ## `FullWindowOverlay`
 
diff --git a/TVOSExample/metro.config.js b/TVOSExample/metro.config.js
index 49b01ad04f..5eda640727 100644
--- a/TVOSExample/metro.config.js
+++ b/TVOSExample/metro.config.js
@@ -9,8 +9,6 @@ const root = path.resolve(__dirname, '..');
 
 const modules = [
   '@react-navigation/native',
-  'react-navigation',
-  'react-navigation-stack',
   'react-native-reanimated',
   'react-native-safe-area-context',
   ...Object.keys(pack.peerDependencies),
diff --git a/TVOSExample/package.json b/TVOSExample/package.json
index d53235389e..608449d769 100644
--- a/TVOSExample/package.json
+++ b/TVOSExample/package.json
@@ -31,11 +31,7 @@
     "react-native-safe-area-context": "^4.0.1-rc.5",
     "react-native-screens": "link:../",
     "react-native-vector-icons": "^7.1.0",
-    "react-native-webview": "^11.0.0",
-    "react-navigation": "^4.4.3",
-    "react-navigation-material-bottom-tabs": "^2.3.3",
-    "react-navigation-stack": "^2.10.1",
-    "react-navigation-tabs": "^2.10.1"
+    "react-native-webview": "^11.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.15.0",
diff --git a/TVOSExample/yarn.lock b/TVOSExample/yarn.lock
index 9cf007e1fa..7b386bbb15 100644
--- a/TVOSExample/yarn.lock
+++ b/TVOSExample/yarn.lock
@@ -1291,16 +1291,6 @@
     color "^3.1.3"
     react-native-iphone-x-helper "^1.3.0"
 
-"@react-navigation/core@^3.7.9":
-  version "3.7.9"
-  resolved "https://registry.yarnpkg.com/@react-navigation/core/-/core-3.7.9.tgz#3f7ba0fcb6c8d74a77a057382af198d84c7c4e3b"
-  integrity sha512-EknbzM8OI9A5alRxXtQRV5Awle68B+z1QAxNty5DxmlS3BNfmduWNGnim159ROyqxkuDffK9L/U/Tbd45mx+Jg==
-  dependencies:
-    hoist-non-react-statics "^3.3.2"
-    path-to-regexp "^1.8.0"
-    query-string "^6.13.6"
-    react-is "^16.13.0"
-
 "@react-navigation/core@^5.16.1":
   version "5.16.1"
   resolved "https://registry.yarnpkg.com/@react-navigation/core/-/core-5.16.1.tgz#e0d308bd9bbd930114ce55c4151806b6d7907f69"
@@ -1332,14 +1322,6 @@
   dependencies:
     color "^3.1.3"
 
-"@react-navigation/native@^3.8.4":
-  version "3.8.4"
-  resolved "https://registry.yarnpkg.com/@react-navigation/native/-/native-3.8.4.tgz#4d77f86506364ecf18b33c7f8740afb6763d0b37"
-  integrity sha512-gXSVcL7bfFDyVkvyg1FiAqTCIgZub5K1X/TZqURBs2CPqDpfX1OsCtB9D33eTF14SpbfgHW866btqrrxoCACfg==
-  dependencies:
-    hoist-non-react-statics "^3.3.2"
-    react-native-safe-area-view "^0.14.9"
-
 "@react-navigation/native@^5.9.4":
   version "5.9.8"
   resolved "https://registry.yarnpkg.com/@react-navigation/native/-/native-5.9.8.tgz#ac76ee6390ea7ce807486ca5c38d903e23433a97"
@@ -3630,12 +3612,7 @@ hermes-profile-transformer@^0.0.6:
   dependencies:
     source-map "^0.7.3"
 
-hoist-non-react-statics@^2.3.1:
-  version "2.5.5"
-  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz#c5903cf409c0dfd908f388e619d86b9c1174cb47"
-  integrity sha512-rqcy4pJo55FTTLWt+bU8ukscqHeE/e9KWvsOW2b/a3afxQZhwkQdT1rPPCJ0rYXdj4vNcasY8zHTH+jF/qStxw==
-
-hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.2:
+hoist-non-react-statics@^3.3.0:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
   integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
@@ -4059,11 +4036,6 @@ is-wsl@^2.1.1:
   dependencies:
     is-docker "^2.0.0"
 
-isarray@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf"
-  integrity sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==
-
 isarray@1.0.0, isarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
@@ -5879,13 +5851,6 @@ path-parse@^1.0.7:
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
-path-to-regexp@^1.8.0:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-1.8.0.tgz#887b3ba9d84393e87a0a0b9f4cb756198b53548a"
-  integrity sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==
-  dependencies:
-    isarray "0.0.1"
-
 path-type@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
@@ -6091,11 +6056,6 @@ react-is@^17.0.1:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
   integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
 
-react-lifecycles-compat@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
-  integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
-
 react-native-appearance@^0.3.4:
   version "0.3.4"
   resolved "https://registry.yarnpkg.com/react-native-appearance/-/react-native-appearance-0.3.4.tgz#2cbcbc5142cdc1898c116684f519b16c879cbec2"
@@ -6166,22 +6126,10 @@ react-native-safe-area-context@^4.0.1-rc.5:
   resolved "https://registry.yarnpkg.com/react-native-safe-area-context/-/react-native-safe-area-context-4.5.0.tgz#9208313236e8f49e1920ac1e2a2c975f03aed284"
   integrity sha512-0WORnk9SkREGUg2V7jHZbuN5x4vcxj/1B0QOcXJjdYWrzZHgLcUzYWWIUecUPJh747Mwjt/42RZDOaFn3L8kPQ==
 
-react-native-safe-area-view@^0.14.9:
-  version "0.14.9"
-  resolved "https://registry.yarnpkg.com/react-native-safe-area-view/-/react-native-safe-area-view-0.14.9.tgz#90ee8383037010d9a5055a97cf97e4c1da1f0c3d"
-  integrity sha512-WII/ulhpVyL/qbYb7vydq7dJAfZRBcEhg4/UWt6F6nAKpLa3gAceMOxBxI914ppwSP/TdUsandFy6lkJQE0z4A==
-  dependencies:
-    hoist-non-react-statics "^2.3.1"
-
 "react-native-screens@link:..":
   version "0.0.0"
   uid ""
 
-react-native-tab-view@^2.15.2:
-  version "2.16.0"
-  resolved "https://registry.yarnpkg.com/react-native-tab-view/-/react-native-tab-view-2.16.0.tgz#cae72c7084394bd328fac5fefb86cd966df37a86"
-  integrity sha512-ac2DmT7+l13wzIFqtbfXn4wwfgtPoKzWjjZyrK1t+T8sdemuUvD4zIt+UImg03fu3s3VD8Wh/fBrIdcqQyZJWg==
-
 react-native-vector-icons@^7.1.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/react-native-vector-icons/-/react-native-vector-icons-7.1.0.tgz#145487d617b2a81d395d2cf64e6e065fcab3a454"
@@ -6242,37 +6190,6 @@ react-native-webview@^11.0.0:
     whatwg-fetch "^3.0.0"
     ws "^6.1.4"
 
-react-navigation-material-bottom-tabs@^2.3.3:
-  version "2.3.5"
-  resolved "https://registry.yarnpkg.com/react-navigation-material-bottom-tabs/-/react-navigation-material-bottom-tabs-2.3.5.tgz#ca9200ee0cc18497f3673cee2e87240765092d81"
-  integrity sha512-l5yHbzSNaSqT11MDtji48zDwWvJ3IbxeERsNigwMg79fZ0jWpz13LfdEZRBL7yUc5BjSljR5eQIudPGkZQW9YQ==
-
-react-navigation-stack@^2.10.1:
-  version "2.10.4"
-  resolved "https://registry.yarnpkg.com/react-navigation-stack/-/react-navigation-stack-2.10.4.tgz#377fd6533f8ae0cf5ca5a435a0115851f010306a"
-  integrity sha512-3LE1PFsFV9v4PUlZRATMotqs6H7MOOpIKtjyP+l8D1cyzYmsMQh3EFikeDfzGQUXIvy8VyLAMtcEssicQPYvFA==
-  dependencies:
-    color "^3.1.3"
-    react-native-iphone-x-helper "^1.3.0"
-
-react-navigation-tabs@^2.10.1:
-  version "2.11.2"
-  resolved "https://registry.yarnpkg.com/react-navigation-tabs/-/react-navigation-tabs-2.11.2.tgz#20030ac2e14a0f883b9bfad24aea115966e6de43"
-  integrity sha512-8w/fiX+gGIyxYWBUT6Fg/26DTggjzK4lPfnLTP1pR7DUfYGLf2/f/aJWqiIJt6U4k/19tzpr4sXQqG7fX6PLjg==
-  dependencies:
-    hoist-non-react-statics "^3.3.2"
-    react-lifecycles-compat "^3.0.4"
-    react-native-iphone-x-helper "^1.3.0"
-    react-native-tab-view "^2.15.2"
-
-react-navigation@^4.4.3:
-  version "4.4.4"
-  resolved "https://registry.yarnpkg.com/react-navigation/-/react-navigation-4.4.4.tgz#8cda2219196311db440e54998bc724523359949f"
-  integrity sha512-08Nzy1aKEd73496CsuzN49vLFmxPKYF5WpKGgGvkQ10clB79IRM2BtAfVl6NgPKuUM8FXq1wCsrjo/c5ftl5og==
-  dependencies:
-    "@react-navigation/core" "^3.7.9"
-    "@react-navigation/native" "^3.8.4"
-
 react-refresh@^0.4.0:
   version "0.4.3"
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.4.3.tgz#966f1750c191672e76e16c2efa569150cc73ab53"
diff --git a/TestsExample/metro.config.js b/TestsExample/metro.config.js
index 05ebe6cb96..35c83a5f5c 100644
--- a/TestsExample/metro.config.js
+++ b/TestsExample/metro.config.js
@@ -9,8 +9,6 @@ const root = path.resolve(__dirname, '..');
 
 const modules = [
   '@react-navigation/native',
-  'react-navigation',
-  'react-navigation-stack',
   'react-native-reanimated',
   'react-native-safe-area-context',
   ...Object.keys(pack.peerDependencies),
diff --git a/createNativeStackNavigator/README.md b/createNativeStackNavigator/README.md
deleted file mode 100644
index 98c327e545..0000000000
--- a/createNativeStackNavigator/README.md
+++ /dev/null
@@ -1,522 +0,0 @@
-# Native Stack Navigator
-
-Provides a way for your app to transition between screens where each new screen is placed on top of a stack.
-
-By default the stack navigator is configured to have the familiar iOS and Android look & feel: new screens slide in from the right on iOS, fade in from the bottom on Android. On iOS, the stack navigator can also be configured to a modal style where screens slide in from the bottom.
-
-This navigator uses native navigation primitives (`UINavigationController` on iOS and `Fragment` on Android) for navigation under the hood. The main difference from React Navigation's JS-based [stack navigator](https://reactnavigation.org/docs/stack-navigator.html) is that the JS-based navigator re-implements animations and gestures while the native stack navigator relies on the platform primitives for animations and gestures. You should use this navigator if you want native feeling and performance for navigation and don't need much customization, as the customization options of this navigator are limited.
-
-```sh
-npm install react-native-screens @react-navigation/native
-```
-
-## Disabling `react-native-screens`
-
-If, for whatever reason, you'd like to disable native screens support and use plain React Native Views add the following code in your entry file (e.g. `App.js`):
-
-```js
-import { enableScreens } from 'react-native-screens';
-
-enableScreens(false);
-```
-
-## API Definition
-
-To use this navigator, import it from `react-native-screens/createNativeStackNavigator`:
-
-```js
-import createNativeStackNavigator from 'react-native-screens/createNativeStackNavigator';	
-
-const RootStack = createNativeStackNavigator(
-  {
-    Home: HomeScreen,
-    Details: DetailsScreen,
-  },
-  {
-    initialRouteName: 'Home',
-  }
-);
-```
-
-### StackNavigatorConfig
-
-Visual options:
-
-- `mode` - it is an option from `stackNavigator` and controls the stack presentation along with `cardTransparent` prop. Use `stackPresentation` instead to be consistent with v5 `native-stack`. Available options are: `'modal'`, `'containedModal'`.
-- `headerMode` - it is an option from `stackNavigator` and it hides the header when set to `none`. Use `headerShown` instead to be consistent with v5 `native-stack`. Available option is: `'none'`.
-- `transparentCard` - This is a boolean from `stackNavigator` that controls the stack presentation along with `mode` prop. Use `stackPresentation` instead to be consistent with v5 `native-stack`.
-
-### `navigationOptions` for screens inside of the navigator
-
-Options from `stack` navigator:
-
-- `header` - makes the header hide when set to `null`. Use `headerShown` instead to be consistent with v5 `native-stack`.
-- `cardTransparent` - boolean that controls the stack presentation along with `mode` prop. Use `stackPresentation` instead to be consistent with v5 `native-stack`.
-- `animationEnabled`- boolean that sets stack animation to none when `false` passed. Use `stackAnimation: 'none'` instead to be consistent with v5 `native-stack`.
-- `cardStyle` - style prop for `Screen` component.
-
-Options for back button taken from `react-navigation-stack`:
-
-- `headerBackImage` - maps to [`headerBackImage`](https://reactnavigation.org/docs/4.x/stack-navigator#headerbackimage)
-- `headerPressColorAndroid` - maps to [`headerPressColorAndroid`](https://reactnavigation.org/docs/4.x/stack-navigator#headerpresscolorandroid)
-- `headerTintColor` - maps to [`headerTintColor`](https://reactnavigation.org/docs/4.x/stack-navigator#headertintcolor)
-- `backButtonTitle` - maps to [`headerBackTitle`](https://reactnavigation.org/docs/4.x/stack-navigator#headerbacktitle)
-- `truncatedBackButtonTitle` - maps to [`headerTruncatedBackTitle`](https://reactnavigation.org/docs/4.x/stack-navigator#headertruncatedbacktitle)
-- `backTitleVisible` - maps to [`headerBackTitleVisible`](https://reactnavigation.org/docs/4.x/stack-navigator#headerbacktitlevisible)
-- `headerBackTitleStyle` - maps to [`headerBackTitleStyle`](https://reactnavigation.org/docs/4.x/stack-navigator#headerbacktitlestyle)
-- `layoutPreset` - Layout of the title element in the header.
-
-Legacy options (these props differ from the ones used in v5 `native-stack`, and we would like to keep the API consistent between versions):
-
-- `hideShadow` - see `headerHideShadow`.
-- `largeTitle` - see `headerLargeTitle`.
-- `largeTitleHideShadow` - see `headerLargeTitleHideShadow`.
-- `translucent` - see `headerTranslucent`.
-
-#### `backButtonInCustomView`
-
-Boolean indicating whether to hide the back button while using `headerLeft` function.
-
-#### `customAnimationOnSwipe` (iOS only)
-
-Boolean indicating that swipe dismissal should trigger animation provided by `stackAnimation`. Defaults to `false`.
-
-#### `direction`
-
-String that applies `rtl` or `ltr` form to the stack. On Android, you have to add `android:supportsRtl="true"` in the manifest of your app to enable `rtl`. On Android, if you set the above flag in the manifest, the orientation changes without the need to do it programmatically if the phone has `rtl` direction enabled. On iOS, the direction defaults to `ltr`, and only way to change it is via this prop.
-
-#### `disableBackButtonMenu` (iOS only)
-
-Boolean indicating whether to show the menu on longPress of iOS >= 14 back button.
-
-#### `fullScreenSwipeEnabled` (iOS only)
-
-Boolean indicating whether the swipe gesture should work on whole screen. Swiping with this option results in the same transition animation as `simple_push` by default. It can be changed to other custom animations with `customAnimationOnSwipe` prop, but default iOS swipe animation is not achievable due to usage of custom recognizer. Defaults to `false`.
-
-#### `gestureEnabled` (iOS only)
-
-Whether you can use gestures to dismiss this screen. Defaults to `true`.
-
-#### `headerBackTitle`
-
-Title string used by the back button on iOS. Defaults to the previous scene's `headerTitle` when not set or set to whitespace only value.
-
-#### `headerBackTitleStyle`
-
-Style object for header back title. Supported properties:
-
-- `fontFamily`
-- `fontSize`
-
-#### `headerBackTitleVisible` (iOS only)
-
-Whether the back button title should be visible or not. Defaults to `true`.
-
-#### `headerHideBackButton`
-
-Boolean indicating whether to hide the back button in the header.
-
-#### `headerHideShadow`
-
-Boolean indicating whether to hide the elevation shadow on the header.
-
-#### `headerLargeStyle` (iOS only)
-
-Style object for the large header. Supported properties:
-
-- `backgroundColor`
-
-#### `headerLargeTitle` (iOS only)
-
-Boolean used to set a native property to prefer a large title header (like in iOS setting).
-
-For the large title to collapse on scroll, the content of the screen should be wrapped in a scrollable view such as `ScrollView` or `FlatList`. If the scrollable area doesn't fill the screen, the large title won't collapse on scroll.
-
-#### `headerLargeTitleHideShadow` (iOS only)
-
-Boolean that allows for disabling drop shadow under navigation header when the edge of any scrollable content reaches the matching edge of the navigation bar.
-
-#### `headerLargeTitleStyle` (iOS only)
-
-Style object for header large title. Supported properties:
-
-- `color`
-- `fontFamily`
-- `fontSize`
-- `fontWeight`
-
-#### `headerLeft`
-
-Function which returns a React Element to display on the left side of the header. For now, on Android, using it will cause the title to also disappear.
-
-#### `headerRight`
-
-Function which returns a React Element to display on the right side of the header.
-
-#### `headerShown`
-
-Whether to show or hide the header for the screen. The header is shown by default. Setting this to `false` hides the header.
-
-#### `headerStyle`
-
-Style object for the header. Supported properties:
-
-- `backgroundColor`
-- `blurEffect` (iOS only).
-
-#### `headerTintColor`
-
-Tint color for the header. Changes the color of the back button and title.
-
-#### `headerTitle`
-
-String to be used by the header as title string. Defaults to scene `title`.
-
-#### `headerTitleStyle`
-
-Style object for header title. Supported properties:
-
-- `fontFamily`
-- `fontSize`
-- `fontWeight`
-- `color`
-
-#### `headerTopInsetEnabled` (Android only)
-
-A Boolean to that lets you opt out of insetting the header. You may want to * set this to `false` if you use an opaque status bar. Defaults to `true`. Insets are always applied on iOS because the header cannot be opaque.
-
-#### `headerTranslucent`
-
-Boolean indicating whether the navigation bar is translucent.
-
-#### `nativeBackButtonDismissalEnabled` (Android only)
-
-Boolean indicating whether, when the Android default back button is clicked, the `pop` action should be performed on the native side or on the JS side to be able to prevent it.
-Unfortunately the same behavior is not available on iOS since the behavior of native back button cannot be changed there.
-
-Defaults to `false`.
-
-#### `replaceAnimation`
-
-How should the screen replacing another screen animate.
-The following values are currently supported:
-  - `push` – the new screen will perform push animation.
-  - `pop` – the new screen will perform pop animation.
-
-Defaults to `pop`.
-
-#### `stackAnimation`
-
-How the given screen should appear/disappear when pushed or popped at the top of the stack. Possible values:
-
-- `default` - Uses a platform default animation.
-- `fade` - Fades screen in or out.
-- `fade_from_bottom` – performs a fade from bottom animation
-- `flip` – Flips the screen, requires stackPresentation: `modal` (iOS only).
-- `simple_push` – performs a default animation, but without shadow and native header transition (iOS only)
-- `slide_from_bottom` – performs a slide from bottom animation
-- `slide_from_right` - slide in the new screen from right to left (Android only, resolves to default transition on iOS)
-- `slide_from_left` - slide in the new screen from left to right (Android only, resolves to default transition on iOS)
-- `none` - The screen appears/disappears without an animation.
-
-Defaults to `default`.
-
-#### `stackPresentation`
-
-How the screen should be presented. Possible values:
-
-- `push` - The new screen will be pushed onto a stack. The default animation on iOS is to slide from the side. The animation on Android may vary depending on the OS version and theme.
-- `modal` - The new screen will be presented modally. In addition, this allows for a nested stack to be rendered inside such screens.
-- `transparentModal` - The new screen will be presented modally. In addition, the second to last screen will remain attached to the stack container such that if the top screen is translucent, the content below can still be seen. If `"modal"` is used instead, the below screen gets removed as soon as the transition ends.
-- `containedModal` – will use "UIModalPresentationCurrentContext" modal style on iOS and will fallback to `"modal"` on Android.
-- `containedTransparentModal` – will use "UIModalPresentationOverCurrentContext" modal style on iOS and will fallback to `"transparentModal"` on Android.
-- `fullScreenModal` – will use "UIModalPresentationFullScreen" modal style on iOS and will fallback to `"modal"` on Android.
-- `formSheet` – will use "UIModalPresentationFormSheet" modal style on iOS and will fallback to `"modal"` on Android.
-
-Defaults to `push`.
-
-Using `containedModal` and `containedTransparentModal` with other types of modals in one native stack navigator is not recommended and can result in a freeze or a crash of the application.
-
-#### `title`
-
-A string that can be used as a fallback for `headerTitle`.
-
-#### `useTransitionProgress`
-
-Hook providing context value of transition progress of the current screen to be used with `react-native` `Animated`. It consists of 2 values:
-- `progress` - `Animated.Value` between `0.0` and `1.0` with the progress of the current transition.
-- `closing` - `Animated.Value` of `1` or `0` indicating if the current screen is being navigated into or from.
-- `goingForward` - `Animated.Value` of `1` or `0` indicating if the current transition is pushing or removing screens.
-
-```jsx
-import {Animated} from 'react-native';
-import {useTransitionProgress} from 'react-native-screens';
-
-function Home() {
-  const {progress} = useTransitionProgress();
-
-  const opacity = progress.interpolate({
-    inputRange: [0, 0.5, 1],
-    outputRange: [1.0, 0.0 ,1.0],
-    extrapolate: 'clamp',
-  });
-
-  return (
-    <Animated.View style={{opacity, height: 50, width: '100%', backgroundColor: 'green'}} />
-  );
-}
-```
-
-#### `useReanimatedTransitionProgress`
-
-A callback called every frame during the transition of screens to be used with `react-native-reanimated` version `2.x`. It consists of 2 shared values:
-- `progress` - between `0.0` and `1.0` with the progress of the current transition.
-- `closing` -  `1` or `0` indicating if the current screen is being navigated into or from.
-- `goingForward` - `1` or `0` indicating if the current transition is pushing or removing screens.
-
-In order to use it, you need to have `react-native-reanimated` version `2.x` installed in your project and wrap your code with `ReanimatedScreenProvider`, like this:
-
-```jsx
-import {ReanimatedScreenProvider} from 'react-native-screens/reanimated';
-
-export default function App() {
-  return (
-    <ReanimatedScreenProvider>
-      <YourApp />
-    </ReanimatedScreenProvider>
-  );
-}
-```
-
-Then you can use `useReanimatedTransitionProgress` to get the shared values:
-
-```jsx
-import {useReanimatedTransitionProgress} from 'react-native-screens/reanimated';
-import Animated, {useAnimatedStyle, useDerivedValue} from 'react-native-reanimated';
-
-function Home() {
-  const reaProgress = useReanimatedTransitionProgress();
-  const sv = useDerivedValue(() => (reaProgress.progress.value < 0.5 ? (reaProgress.progress.value * 50) : ((1 - reaProgress.progress.value) * 50)) + 50);
-  const reaStyle = useAnimatedStyle(() => {
-    return {
-      width: sv.value,
-      height: sv.value,
-      backgroundColor: 'blue',
-    };
-  });
-
-  return (
-    <Animated.View style={reaStyle} />
-  );
-}
-```
-
-### Status bar and orientation managment
-
-With `native-stack`, the status bar and screen orientation can be managed by `UIViewController` on iOS. On Android, the status bar and screen orientation can be managed by `FragmentActivity`. On iOS, it requires:
-
-1. For status bar managment: enabling (or deleting) `View controller-based status bar appearance` in your Info.plist file (it disables the option to use React Native's `StatusBar` component). 
-2. For both status bar and orientation managment: adding `#import <RNScreens/UIViewController+RNScreens.h>` in your project's `AppDelegate.m` (you can see this change applied in the `AppDelegate.m` of `Example` project).
-
-On Android, no additional setup is required, although, you should keep in mind that once you set the orientation or status bar props, `react-native-screens` will manage them on every screen, so you shouldn't use other methods of manipulating them then.
-#### `screenOrientation`
-
-Sets the current screen's available orientations and forces rotation if current orientation is not included. On iOS, if you have supported orientations set in `info.plist`, they will take precedence over this prop. Possible values:
-
-- `default` - on iOS, it resolves to [UIInterfaceOrientationMaskAllButUpsideDown](https://developer.apple.com/documentation/uikit/uiinterfaceorientationmask/uiinterfaceorientationmaskallbutupsidedown?language=objc). On Android, this lets the system decide the best orientation.
-- `all`
-- `portrait`
-- `portrait_up`
-- `portrait_down`
-- `landscape`
-- `landscape_left`
-- `landscape_right`
-
-Defaults to `default`.
-
-#### `statusBarAnimation`
-
-Sets the status bar animation (similar to the `StatusBar` component). Possible values: `fade`, `none`, `slide`. On Android, this prop considers the transition of changing status bar color (see https://reactnative.dev/docs/statusbar#animated). There will be no animation if `none` provided.
-
-Defaults to `fade` on iOS and `none` on Android.
-
-#### `statusBarColor` (Android only)
-
-Sets the status bar color (similar to the `StatusBar` component). Defaults to initial status bar color.
-
-#### `statusBarHidden`
-
-Boolean saying if the status bar for this screen is hidden.
-
-Defaults to `false`.
-
-#### `statusBarStyle`
-
-Sets the status bar color (similar to the `StatusBar` component). On iOS, the possible values are: `auto` (based on [user interface style](https://developer.apple.com/documentation/uikit/uiuserinterfacestyle?language=objc), `inverted` (colors opposite to `auto`), `light`, `dark`. On Android, the status bar will be dark if set to `dark` and `light` otherwise.
-
-Defaults to `auto`.
-
-#### `statusBarTranslucent` (Android only)
-
-Sets the translucency of the status bar (similar to the `StatusBar` component). Defaults to `false`.
-
-### Search bar (iOS only)
-
-The search bar is just a `searchBar` property that can be specified in the navigator's `defaultNavigationOptions` prop or an individual screen's `navigationOptions`. Search bars are rarely static so normally it is controlled by passing an object to `searchBar` navigation option in the component's body.
-
-Search bar is only supported on iOS.
-
-Example: 
-
-```js
-static navigationOptions = ({navigation}) => {
-  return {
-    searchBar: {
-      // search bar options
-    },
-  };
-};
-```
-
-Supported properties are described below.
-
-#### `autoCapitalize`
-
-Controls whether the text is automatically auto-capitalized as it is entered by the user.
-Possible values:
-
-- `none`
-- `words`
-- `sentences`
-- `characters`
-
-Defaults to `sentences`.
-
-#### `barTintColor`
-
-The search field background color.
-
-By default bar tint color is translucent.
-
-#### `tintColor`
-
-The color for the cursor caret and cancel button text.
-
-#### `cancelButtonText`
-
-The text to be used instead of default `Cancel` button text.
-
-#### `hideNavigationBar`
-
-Boolean indicating whether to hide the navigation bar during searching.
-
-Defaults to `true`.
-
-#### `hideWhenScrolling`
-
-Boolean indicating whether to hide the search bar when scrolling.
-
-Defaults to `true`.
-
-####  `obscureBackground`
-
-Boolean indicating whether to obscure the underlying content with semi-transparent overlay.
-
-Defaults to `true`.
-
-#### `onBlur`
-
-A callback that gets called when search bar has lost focus.
-
-#### `onCancelButtonPress`
-
-A callback that gets called when the cancel button is pressed.
-
-#### `onChangeText`
-
-A callback that gets called when the text changes. It receives the current text value of the search bar.
-
-Example:
-
-```js
-static navigationOptions = ({navigation}) => {
-  return {
-    searchBar: {
-      onChangeText: (event) => {
-        navigation.setParams({search: event.nativeEvent.text});
-      },
-    },
-  };
-};
-```
-
-#### `onFocus`
-
-A callback that gets called when search bar has received focus.
-
-#### `onSearchButtonPress`
-
-A callback that gets called when the search button is pressed. It receives the current text value of the search bar.
-
-#### `placeholder`
-
-Text displayed when search field is empty.
-
-Defaults to an empty string.
-
-#### `textColor`
-
-The search field text color.
-
-#### `hintTextColor`
-
-The search hint text color. (Android only)
-
-#### `headerIconColor`
-
-The search and close icon color shown in the header. (Android only)
-
-#### `shouldShowHintSearchIcon`
-
-Show the search hint icon when search bar is focused. (Android only)
-
-### Helpers
-
-The stack navigator adds the following methods to the navigation prop:
-
-#### `push`
-
-Pushes a new screen to the top of the stack and navigate to it. The method accepts the following arguments:
-
-- `name` - _string_ - Name of the route to push onto the stack.
-- `params` - _object_ - Screen params to merge into the destination route (found in the pushed screen through `route.params`).
-
-```js
-navigation.push('Profile', { name: 'Wojtek' });
-```
-
-#### `pop`
-
-Pops the current screen from the stack and navigates back to the previous screen. It takes one optional argument (`count`), which allows you to specify how many screens to pop back by.
-
-```js
-navigation.pop();
-```
-
-#### `popToTop`
-
-Pops all of the screens in the stack except the first one and navigates to it.
-
-```js
-navigation.popToTop();
-```
-
-## Additional options
-
-### Measuring header's height
-
-To measure header's height, you can use `useHeaderHeight` hook.
-
-```tsx
-import {useHeaderHeight} from 'react-native-screens/native-stack';
-```
diff --git a/createNativeStackNavigator/package.json b/createNativeStackNavigator/package.json
deleted file mode 100644
index 71a9673df4..0000000000
--- a/createNativeStackNavigator/package.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "main": "../lib/commonjs/createNativeStackNavigator",
-  "module": "../lib/module/createNativeStackNavigator",
-  "react-native": "../src/createNativeStackNavigator",
-  "types": "../lib/typescript/createNativeStackNavigator.d.ts"
-}
diff --git a/package.json b/package.json
index fa38284550..12113e94fb 100644
--- a/package.json
+++ b/package.json
@@ -14,8 +14,7 @@
     "lint-android": "./android/gradlew -p android spotlessCheck -q",
     "lint": "yarn lint-js && yarn lint-android",
     "release": "npm login && release-it",
-    "prepare": "bob build && husky install",
-    "postinstall": "patch-package"
+    "prepare": "bob build && husky install"
   },
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -27,7 +26,6 @@
     "common/",
     "lib/",
     "native-stack/",
-    "createNativeStackNavigator/",
     "reanimated/",
     "android/src/main/AndroidManifest.xml",
     "android/src/main/java/",
@@ -105,11 +103,8 @@
     "react-native-reanimated": "^2.2.0",
     "react-native-safe-area-context": "^4.4.1",
     "react-native-windows": "^0.64.8",
-    "react-navigation": "^4.4.3",
-    "react-navigation-stack": "^2.9.0",
     "react-test-renderer": "^16.13.1",
     "release-it": "^15.6.0",
-    "patch-package": "6.5.1",
     "typescript": "4.8.4"
   },
   "resolutions": {
diff --git a/patches/react-navigation-stack+2.10.4.patch b/patches/react-navigation-stack+2.10.4.patch
deleted file mode 100644
index 457c765892..0000000000
--- a/patches/react-navigation-stack+2.10.4.patch
+++ /dev/null
@@ -1,80 +0,0 @@
-diff --git a/node_modules/react-navigation-stack/src/vendor/types.tsx b/node_modules/react-navigation-stack/src/vendor/types.tsx
-index 977e7d4..50cdd8e 100644
---- a/node_modules/react-navigation-stack/src/vendor/types.tsx
-+++ b/node_modules/react-navigation-stack/src/vendor/types.tsx
-@@ -104,17 +104,17 @@ export type Scene<T> = {
-     /**
-      * Progress value of the current screen.
-      */
--    current: Animated.AnimatedInterpolation;
-+    current: Animated.AnimatedInterpolation<number>;
-     /**
-      * Progress value for the screen after this one in the stack.
-      * This can be `undefined` in case the screen animating is the last one.
-      */
--    next?: Animated.AnimatedInterpolation;
-+    next?: Animated.AnimatedInterpolation<number>;
-     /**
-      * Progress value for the screen before this one in the stack.
-      * This can be `undefined` in case the screen animating is the first one.
-      */
--    previous?: Animated.AnimatedInterpolation;
-+    previous?: Animated.AnimatedInterpolation<number>;
-   };
- };
- 
-@@ -509,7 +509,7 @@ export type StackCardInterpolationProps = {
-     /**
-      * Animated node representing the progress value of the current screen.
-      */
--    progress: Animated.AnimatedInterpolation;
-+    progress: Animated.AnimatedInterpolation<number>;
-   };
-   /**
-    * Values for the current screen the screen after this one in the stack.
-@@ -519,7 +519,7 @@ export type StackCardInterpolationProps = {
-     /**
-      * Animated node representing the progress value of the next screen.
-      */
--    progress: Animated.AnimatedInterpolation;
-+    progress: Animated.AnimatedInterpolation<number>;
-   };
-   /**
-    * The index of the card in the stack.
-@@ -528,15 +528,15 @@ export type StackCardInterpolationProps = {
-   /**
-    * Animated node representing whether the card is closing (1 - closing, 0 - not closing).
-    */
--  closing: Animated.AnimatedInterpolation;
-+  closing: Animated.AnimatedInterpolation<number>;
-   /**
-    * Animated node representing whether the card is being swiped (1 - swiping, 0 - not swiping).
-    */
--  swiping: Animated.AnimatedInterpolation;
-+  swiping: Animated.AnimatedInterpolation<number>;
-   /**
-    * Animated node representing multiplier when direction is inverted (-1 - inverted, 1 - normal).
-    */
--  inverted: Animated.AnimatedInterpolation;
-+  inverted: Animated.AnimatedInterpolation<number>;
-   /**
-    * Layout measurements for various items we use for animation.
-    */
-@@ -588,7 +588,7 @@ export type StackHeaderInterpolationProps = {
-     /**
-      * Animated node representing the progress value of the current screen.
-      */
--    progress: Animated.AnimatedInterpolation;
-+    progress: Animated.AnimatedInterpolation<number>;
-   };
-   /**
-    * Values for the current screen the screen after this one in the stack.
-@@ -598,7 +598,7 @@ export type StackHeaderInterpolationProps = {
-     /**
-      * Animated node representing the progress value of the next screen.
-      */
--    progress: Animated.AnimatedInterpolation;
-+    progress: Animated.AnimatedInterpolation<number>;
-   };
-   /**
-    * Layout measurements for various items we use for animation.
diff --git a/src/createNativeStackNavigator.tsx b/src/createNativeStackNavigator.tsx
deleted file mode 100644
index bad050380e..0000000000
--- a/src/createNativeStackNavigator.tsx
+++ /dev/null
@@ -1,595 +0,0 @@
-import React from 'react';
-import {
-  Platform,
-  StyleSheet,
-  Animated,
-  StyleProp,
-  TextStyle,
-  ViewStyle,
-} from 'react-native';
-import {
-  ScreenContext,
-  ScreenStack,
-  ScreenStackHeaderBackButtonImage,
-  ScreenStackHeaderCenterView,
-  ScreenStackHeaderConfig,
-  ScreenStackHeaderConfigProps,
-  ScreenStackHeaderLeftView,
-  ScreenStackHeaderRightView,
-  ScreenStackHeaderSearchBarView,
-  SearchBar,
-  StackPresentationTypes,
-} from 'react-native-screens';
-import {
-  createNavigator,
-  SceneView,
-  StackActions,
-  StackRouter,
-  NavigationRouteConfigMap,
-  CreateNavigatorConfig,
-  NavigationStackRouterConfig,
-  NavigationParams,
-  NavigationRoute,
-  NavigationDescriptor,
-  NavigationState,
-  NavigationNavigator,
-  NavigationAction,
-  NavigationProp,
-  NavigationScreenProp,
-} from 'react-navigation';
-import { NativeStackNavigationOptions as NativeStackNavigationOptionsV5 } from './native-stack/types';
-import { HeaderBackButton } from 'react-navigation-stack';
-import {
-  StackNavigationHelpers,
-  StackNavigationProp,
-  Layout,
-} from 'react-navigation-stack/src/vendor/types';
-
-const REMOVE_ACTION = 'NativeStackNavigator/REMOVE';
-
-const isAndroid = Platform.OS === 'android';
-
-let didWarn = isAndroid;
-
-function renderComponentOrThunk(componentOrThunk: unknown, props: unknown) {
-  if (typeof componentOrThunk === 'function') {
-    return componentOrThunk(props);
-  }
-  return componentOrThunk;
-}
-
-type NativeStackRemoveNavigationAction = {
-  type: typeof REMOVE_ACTION;
-  immediate: boolean;
-  dismissCount: number;
-  key?: string;
-};
-
-export type NativeStackNavigationProp = StackNavigationProp;
-
-export type NativeStackNavigationOptions = StackNavigatorOptions &
-  NativeStackNavigationOptionsV5 &
-  BackButtonProps & {
-    onWillAppear?: () => void;
-    onAppear?: () => void;
-    onWillDisappear?: () => void;
-    onDisappear?: () => void;
-    // these props differ from the ones used in v5 `native-stack`, and we would like to keep the API consistent between versions
-    /** Use `headerHideShadow` to be consistent with v5 `native-stack` */
-    hideShadow?: boolean;
-    /** Use `headerLargeTitle` to be consistent with v5 `native-stack` */
-    largeTitle?: boolean;
-    /** Use `headerLargeTitleHideShadow` to be consistent with v5 `native-stack` */
-    largeTitleHideShadow?: boolean;
-    /** Use `headerTranslucent` to be consistent with v5 `native-stack` */
-    translucent?: boolean;
-  };
-
-// these are adopted from `stack` navigator
-type StackNavigatorOptions = {
-  /** This is an option from `stackNavigator` and it hides the header when set to `null`. Use `headerShown` instead to be consistent with v5 `native-stack`. */
-  header?: React.ComponentType<Record<string, unknown>> | null;
-  /** This is an option from `stackNavigator` and it controls the stack presentation along with `mode` prop. Use `stackPresentation` instead to be consistent with v5 `native-stack` */
-  cardTransparent?: boolean;
-  /** This is an option from `stackNavigator` and it sets stack animation to none when `false` passed. Use `stackAnimation: 'none'` instead to be consistent with v5 `native-stack` */
-  animationEnabled?: boolean;
-  cardStyle?: StyleProp<ViewStyle>;
-};
-
-// these are the props used for rendering back button taken from `react-navigation-stack`
-type BackButtonProps = {
-  headerBackImage?: (props: { tintColor: string }) => React.ReactNode;
-  headerPressColorAndroid?: string;
-  headerTintColor?: string;
-  backButtonTitle?: string;
-  truncatedBackButtonTitle?: string;
-  backTitleVisible?: boolean;
-  headerBackTitleStyle?: Animated.WithAnimatedValue<StyleProp<TextStyle>>;
-  layoutPreset?: Layout;
-};
-
-type NativeStackDescriptor = NavigationDescriptor<
-  NavigationParams,
-  NativeStackNavigationOptions
->;
-
-type NativeStackDescriptorMap = {
-  [key: string]: NativeStackDescriptor;
-};
-
-// these are the props used for rendering back button taken from `react-navigation-stack`
-type NativeStackNavigationConfig = {
-  /** This is an option from `stackNavigator` and controls the stack presentation along with `cardTransparent` prop. Use `stackPresentation` instead to be consistent with v5 `native-stack` */
-  mode?: 'modal' | 'containedModal';
-  /** This is an option from `stackNavigator` and makes the header hide when set to `none`. Use `headerShown` instead to be consistent with v5 `native-stack` */
-  headerMode?: 'none';
-  /** This is an option from `stackNavigator` and controls the stack presentation along with `mode` prop. Use `stackPresentation` instead to be consistent with v5 `native-stack` */
-  transparentCard?: boolean;
-};
-
-function removeScene(
-  route: NavigationRoute<NavigationParams>,
-  dismissCount: number,
-  navigation: StackNavigationHelpers
-) {
-  navigation.dispatch({
-    // @ts-ignore special navigation action for native stack
-    type: REMOVE_ACTION,
-    immediate: true,
-    key: route.key,
-    dismissCount,
-  });
-}
-
-function onAppear(
-  route: NavigationRoute<NavigationParams>,
-  descriptor: NativeStackDescriptor,
-  navigation: StackNavigationHelpers
-) {
-  descriptor.options?.onAppear?.();
-  navigation.dispatch(
-    StackActions.completeTransition({
-      toChildKey: route.key,
-      key: navigation.state.key,
-    })
-  );
-}
-
-function onFinishTransitioning(navigation: StackNavigationHelpers) {
-  const { routes } = navigation.state;
-  const lastRoute = routes?.length && routes[routes.length - 1];
-
-  if (lastRoute) {
-    navigation.dispatch(
-      StackActions.completeTransition({
-        toChildKey: lastRoute.key,
-        key: navigation.state.key,
-      })
-    );
-  }
-}
-
-function renderHeaderConfig(
-  index: number,
-  route: NavigationRoute<NavigationParams>,
-  descriptor: NativeStackDescriptor,
-  navigationConfig: NativeStackNavigationConfig
-) {
-  const { options } = descriptor;
-  const { headerMode } = navigationConfig;
-
-  const {
-    backButtonInCustomView,
-    direction,
-    disableBackButtonMenu,
-    headerBackTitle,
-    headerBackTitleStyle,
-    headerBackTitleVisible,
-    headerHideBackButton,
-    headerHideShadow,
-    headerLargeStyle,
-    headerLargeTitle,
-    headerLargeTitleHideShadow,
-    headerLargeTitleStyle,
-    headerShown,
-    headerStyle,
-    headerTintColor,
-    headerTitleStyle,
-    headerTopInsetEnabled = true,
-    headerTranslucent,
-    hideShadow,
-    largeTitle,
-    largeTitleHideShadow,
-    title,
-    translucent,
-  } = options;
-
-  const scene = {
-    index,
-    key: route.key,
-    route,
-    descriptor,
-  };
-
-  const headerOptions: ScreenStackHeaderConfigProps = {
-    backButtonInCustomView,
-    backTitle: headerBackTitle,
-    backTitleFontFamily: headerBackTitleStyle?.fontFamily,
-    backTitleFontSize: headerBackTitleStyle?.fontSize,
-    backTitleVisible: headerBackTitleVisible,
-    color: headerTintColor,
-    direction,
-    disableBackButtonMenu,
-    topInsetEnabled: headerTopInsetEnabled,
-    hideBackButton: headerHideBackButton,
-    hideShadow: headerHideShadow || hideShadow,
-    largeTitle: headerLargeTitle || largeTitle,
-    largeTitleBackgroundColor:
-      headerLargeStyle?.backgroundColor ||
-      // @ts-ignore old implementation, will not be present in TS API, but can be used here
-      headerLargeTitleStyle?.backgroundColor,
-    largeTitleColor: headerLargeTitleStyle?.color,
-    largeTitleFontFamily: headerLargeTitleStyle?.fontFamily,
-    largeTitleFontSize: headerLargeTitleStyle?.fontSize,
-    largeTitleFontWeight: headerLargeTitleStyle?.fontWeight,
-    largeTitleHideShadow: largeTitleHideShadow || headerLargeTitleHideShadow,
-    title,
-    titleColor: headerTitleStyle?.color || headerTintColor,
-    titleFontFamily: headerTitleStyle?.fontFamily,
-    titleFontSize: headerTitleStyle?.fontSize,
-    titleFontWeight: headerTitleStyle?.fontWeight,
-    translucent: headerTranslucent || translucent || false,
-  };
-
-  const hasHeader =
-    headerShown !== false && headerMode !== 'none' && options.header !== null;
-  if (!hasHeader) {
-    return <ScreenStackHeaderConfig {...headerOptions} hidden />;
-  }
-
-  if (headerStyle !== undefined) {
-    headerOptions.backgroundColor = headerStyle.backgroundColor;
-    headerOptions.blurEffect = headerStyle.blurEffect;
-  }
-
-  const children = [];
-
-  if (options.backButtonImage) {
-    children.push(
-      <ScreenStackHeaderBackButtonImage
-        key="backImage"
-        source={options.backButtonImage}
-      />
-    );
-  }
-
-  if (Platform.OS === 'ios' && options.searchBar) {
-    children.push(
-      <ScreenStackHeaderSearchBarView>
-        <SearchBar {...options.searchBar} />
-      </ScreenStackHeaderSearchBarView>
-    );
-  }
-
-  if (options.headerLeft !== undefined) {
-    children.push(
-      <ScreenStackHeaderLeftView key="left">
-        {renderComponentOrThunk(options.headerLeft, { scene })}
-      </ScreenStackHeaderLeftView>
-    );
-  } else if (options.headerBackImage !== undefined) {
-    const goBack = () => {
-      // Go back on next tick because button ripple effect needs to happen on Android
-      requestAnimationFrame(() => {
-        descriptor.navigation.goBack(descriptor.key);
-      });
-    };
-
-    children.push(
-      <ScreenStackHeaderLeftView key="left">
-        <HeaderBackButton
-          onPress={goBack}
-          pressColorAndroid={options.headerPressColorAndroid}
-          tintColor={options.headerTintColor}
-          backImage={options.headerBackImage}
-          label={options.backButtonTitle}
-          truncatedLabel={options.truncatedBackButtonTitle}
-          labelVisible={options.backTitleVisible}
-          labelStyle={options.headerBackTitleStyle}
-          titleLayout={options.layoutPreset}
-          // @ts-ignore old props kept for very old version of `react-navigation-stack`
-          title={options.backButtonTitle}
-          truncatedTitle={options.truncatedBackButtonTitle}
-          backTitleVisible={options.backTitleVisible}
-          titleStyle={options.headerBackTitleStyle}
-          layoutPreset={options.layoutPreset}
-          scene={scene}
-        />
-      </ScreenStackHeaderLeftView>
-    );
-  }
-
-  if (options.headerTitle) {
-    if (title === undefined && typeof options.headerTitle === 'string') {
-      headerOptions.title = options.headerTitle;
-    } else {
-      children.push(
-        <ScreenStackHeaderCenterView key="center">
-          {renderComponentOrThunk(options.headerTitle, { scene })}
-        </ScreenStackHeaderCenterView>
-      );
-    }
-  }
-
-  if (options.headerRight) {
-    children.push(
-      <ScreenStackHeaderRightView key="right">
-        {renderComponentOrThunk(options.headerRight, { scene })}
-      </ScreenStackHeaderRightView>
-    );
-  }
-
-  if (children.length > 0) {
-    headerOptions.children = children;
-  }
-
-  return <ScreenStackHeaderConfig {...headerOptions} />;
-}
-
-const MaybeNestedStack = ({
-  isHeaderInModal,
-  screenProps,
-  route,
-  navigation,
-  SceneComponent,
-  index,
-  descriptor,
-  navigationConfig,
-}: {
-  isHeaderInModal: boolean;
-  screenProps: unknown;
-  route: NavigationRoute<NavigationParams>;
-  navigation: NavigationScreenProp<
-    NavigationRoute<NavigationParams>,
-    NavigationParams
-  >;
-  SceneComponent: React.ComponentType<Record<string, unknown>>;
-  index: number;
-  descriptor: NativeStackDescriptor;
-  navigationConfig: NativeStackNavigationConfig;
-}) => {
-  const Screen = React.useContext(ScreenContext);
-
-  if (isHeaderInModal) {
-    return (
-      <ScreenStack style={styles.scenes}>
-        <Screen style={StyleSheet.absoluteFill} enabled isNativeStack>
-          {renderHeaderConfig(index, route, descriptor, navigationConfig)}
-          <SceneView
-            screenProps={screenProps}
-            navigation={navigation}
-            component={SceneComponent}
-          />
-        </Screen>
-      </ScreenStack>
-    );
-  }
-  return (
-    <SceneView
-      screenProps={screenProps}
-      navigation={navigation}
-      component={SceneComponent}
-    />
-  );
-};
-
-type StackViewProps = {
-  navigation: StackNavigationHelpers;
-  descriptors: NativeStackDescriptorMap;
-  navigationConfig: NativeStackNavigationConfig;
-  screenProps: unknown;
-};
-
-function StackView({
-  navigation,
-  descriptors,
-  navigationConfig,
-  screenProps,
-}: StackViewProps) {
-  const { routes } = navigation.state;
-  const Screen = React.useContext(ScreenContext);
-  return (
-    <ScreenStack
-      style={styles.scenes}
-      onFinishTransitioning={() => onFinishTransitioning(navigation)}
-    >
-      {routes.map((route, index) => {
-        const descriptor = descriptors[route.key];
-        const { getComponent, options } = descriptor;
-        const routeNavigationProp = descriptor.navigation;
-        const { mode, transparentCard } = navigationConfig;
-        const SceneComponent = getComponent();
-
-        let stackPresentation: StackPresentationTypes = 'push';
-
-        if (options.stackPresentation) {
-          stackPresentation = options.stackPresentation;
-        } else {
-          // this shouldn't be used because we have a prop for that
-          if (mode === 'modal' || mode === 'containedModal') {
-            stackPresentation = mode;
-            if (transparentCard || options.cardTransparent) {
-              stackPresentation =
-                mode === 'containedModal'
-                  ? 'containedTransparentModal'
-                  : 'transparentModal';
-            }
-          }
-        }
-        let stackAnimation = options.stackAnimation;
-        if (options.animationEnabled === false) {
-          stackAnimation = 'none';
-        }
-
-        const hasHeader =
-          options.headerShown !== false &&
-          navigationConfig?.headerMode !== 'none' &&
-          options.header !== null;
-
-        if (
-          !didWarn &&
-          stackPresentation !== 'push' &&
-          options.headerShown !== undefined
-        ) {
-          didWarn = true;
-          console.warn(
-            'Be aware that changing the visibility of header in modal on iOS will result in resetting the state of the screen.'
-          );
-        }
-
-        const isHeaderInModal = isAndroid
-          ? false
-          : stackPresentation !== 'push' &&
-            hasHeader &&
-            options.headerShown === true;
-        const isHeaderInPush = isAndroid
-          ? hasHeader
-          : stackPresentation === 'push' && hasHeader;
-
-        return (
-          <Screen
-            key={`screen_${route.key}`}
-            enabled
-            isNativeStack
-            style={[StyleSheet.absoluteFill, options.cardStyle]}
-            stackAnimation={stackAnimation}
-            customAnimationOnSwipe={options.customAnimationOnSwipe}
-            stackPresentation={stackPresentation}
-            replaceAnimation={
-              options.replaceAnimation === undefined
-                ? 'pop'
-                : options.replaceAnimation
-            }
-            pointerEvents={
-              index === navigation.state.routes.length - 1 ? 'auto' : 'none'
-            }
-            gestureEnabled={
-              Platform.OS === 'android'
-                ? false
-                : options.gestureEnabled === undefined
-                ? true
-                : options.gestureEnabled
-            }
-            nativeBackButtonDismissalEnabled={
-              options.nativeBackButtonDismissalEnabled
-            }
-            fullScreenSwipeEnabled={options.fullScreenSwipeEnabled}
-            screenOrientation={options.screenOrientation}
-            statusBarAnimation={options.statusBarAnimation}
-            statusBarColor={options.statusBarColor}
-            statusBarHidden={options.statusBarHidden}
-            statusBarStyle={options.statusBarStyle}
-            statusBarTranslucent={options.statusBarTranslucent}
-            onAppear={() => onAppear(route, descriptor, routeNavigationProp)}
-            onWillAppear={() => options?.onWillAppear?.()}
-            onWillDisappear={() => options?.onWillDisappear?.()}
-            onDisappear={() => options?.onDisappear?.()}
-            onHeaderBackButtonClicked={() =>
-              removeScene(route, 1, routeNavigationProp)
-            }
-            onDismissed={(e) =>
-              removeScene(
-                route,
-                e.nativeEvent.dismissCount,
-                routeNavigationProp
-              )
-            }
-          >
-            {isHeaderInPush &&
-              renderHeaderConfig(index, route, descriptor, navigationConfig)}
-            <MaybeNestedStack
-              isHeaderInModal={isHeaderInModal}
-              screenProps={screenProps}
-              route={route}
-              navigation={routeNavigationProp}
-              SceneComponent={SceneComponent}
-              index={index}
-              descriptor={descriptor}
-              navigationConfig={navigationConfig}
-            />
-          </Screen>
-        );
-      })}
-    </ScreenStack>
-  );
-}
-
-const styles = StyleSheet.create({
-  scenes: { flex: 1 },
-});
-
-function createStackNavigator(
-  routeConfigMap: NavigationRouteConfigMap<
-    NativeStackNavigationOptions,
-    StackNavigationProp
-  >,
-  stackConfig: CreateNavigatorConfig<
-    NativeStackNavigationConfig,
-    NavigationStackRouterConfig,
-    NativeStackNavigationOptions,
-    StackNavigationProp
-  > = {}
-): NavigationNavigator<
-  Record<string, unknown>,
-  NavigationProp<NavigationState>
-> {
-  const router = StackRouter(routeConfigMap, stackConfig);
-
-  // below we override getStateForAction method in order to add handling for
-  // a custom native stack navigation action. The action REMOVE that we want to
-  // add works in a similar way to POP, but it does not remove all the routes
-  // that sit on top of the removed route. For example if we have three routes
-  // [a,b,c] and call POP on b, then both b and c will go away. In case we
-  // call REMOVE on b, only b will be removed from the stack and the resulting
-  // state will be [a, c]
-  const superGetStateForAction = router.getStateForAction;
-  router.getStateForAction = (
-    action: NavigationAction | NativeStackRemoveNavigationAction,
-    state
-  ) => {
-    if (action.type === REMOVE_ACTION) {
-      const { key, immediate, dismissCount } = action;
-      let backRouteIndex = state.index;
-      if (key) {
-        const backRoute = state.routes.find(
-          (route: NavigationRoute<NavigationParams>) => route.key === key
-        );
-        backRouteIndex = state.routes.indexOf(backRoute);
-      }
-
-      if (backRouteIndex > 0) {
-        const newRoutes = [...state.routes];
-        if (dismissCount > 1) {
-          // when dismissing with iOS 14 native header back button, we can pop more than 1 screen at a time
-          // and the `backRouteIndex` is the index of the previous screen. Since we are starting already
-          // on the previous screen, we add 1 to start.
-          newRoutes.splice(backRouteIndex - dismissCount + 1, dismissCount);
-        } else {
-          newRoutes.splice(backRouteIndex, 1);
-        }
-
-        return {
-          ...state,
-          routes: newRoutes,
-          index: newRoutes.length - 1,
-          isTransitioning: immediate !== true,
-        };
-      }
-    }
-    return superGetStateForAction(action as NavigationAction, state);
-  };
-  // Create a navigator with StackView as the view
-  return createNavigator(StackView, router, stackConfig);
-}
-
-export default createStackNavigator;
diff --git a/tsconfig.json b/tsconfig.json
index bae30507dc..1661811882 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -4,7 +4,6 @@
     "paths": {
       "react-native-screens": ["./src"],
       "react-native-screens/native-stack": ["./src/native-stack/index.tsx"],
-      "react-native-screens/createNativeStackNavigator": ["./src/createNativeStackNavigator.tsx"],
       "react-native-screens/reanimated": ["src/reanimated/index.tsx"]
     },
     "allowUnreachableCode": false,
diff --git a/yarn.lock b/yarn.lock
index 3d08c366f2..e453951821 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1854,16 +1854,6 @@
   resolved "https://registry.yarnpkg.com/@react-native/polyfills/-/polyfills-2.0.0.tgz#4c40b74655c83982c8cf47530ee7dc13d957b6aa"
   integrity sha512-K0aGNn1TjalKj+65D7ycc1//H9roAQ51GJVk5ZJQFb2teECGmzd86bYDC0aYdbRf7gtovescq4Zt6FR0tgXiHQ==
 
-"@react-navigation/core@^3.7.9":
-  version "3.7.9"
-  resolved "https://registry.yarnpkg.com/@react-navigation/core/-/core-3.7.9.tgz#3f7ba0fcb6c8d74a77a057382af198d84c7c4e3b"
-  integrity sha512-EknbzM8OI9A5alRxXtQRV5Awle68B+z1QAxNty5DxmlS3BNfmduWNGnim159ROyqxkuDffK9L/U/Tbd45mx+Jg==
-  dependencies:
-    hoist-non-react-statics "^3.3.2"
-    path-to-regexp "^1.8.0"
-    query-string "^6.13.6"
-    react-is "^16.13.0"
-
 "@react-navigation/core@^5.16.1":
   version "5.16.1"
   resolved "https://registry.yarnpkg.com/@react-navigation/core/-/core-5.16.1.tgz#e0d308bd9bbd930114ce55c4151806b6d7907f69"
@@ -1875,14 +1865,6 @@
     query-string "^6.13.6"
     react-is "^16.13.0"
 
-"@react-navigation/native@^3.8.4":
-  version "3.8.4"
-  resolved "https://registry.yarnpkg.com/@react-navigation/native/-/native-3.8.4.tgz#4d77f86506364ecf18b33c7f8740afb6763d0b37"
-  integrity sha512-gXSVcL7bfFDyVkvyg1FiAqTCIgZub5K1X/TZqURBs2CPqDpfX1OsCtB9D33eTF14SpbfgHW866btqrrxoCACfg==
-  dependencies:
-    hoist-non-react-statics "^3.3.2"
-    react-native-safe-area-view "^0.14.9"
-
 "@react-navigation/native@^5.8.0":
   version "5.9.8"
   resolved "https://registry.yarnpkg.com/@react-navigation/native/-/native-5.9.8.tgz#ac76ee6390ea7ce807486ca5c38d903e23433a97"
@@ -2262,11 +2244,6 @@
   resolved "https://registry.yarnpkg.com/@xmldom/xmldom/-/xmldom-0.7.9.tgz#7f9278a50e737920e21b297b8a35286e9942c056"
   integrity sha512-yceMpm/xd4W2a85iqZyO09gTnHvXF6pyiWjD2jcOJs7hRoZtNNOO1eJlhHj1ixA+xip2hOyGn+LgcvLCMo5zXA==
 
-"@yarnpkg/lockfile@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz#e77a97fbd345b76d83245edcd17d393b1b41fb31"
-  integrity sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==
-
 abab@^2.0.3, abab@^2.0.5:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
@@ -3472,7 +3449,7 @@ cosmiconfig@^7.0.0, cosmiconfig@^7.0.1:
     path-type "^4.0.0"
     yaml "^1.10.0"
 
-cross-spawn@^6.0.0, cross-spawn@^6.0.5:
+cross-spawn@^6.0.0:
   version "6.0.5"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
   integrity sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==
@@ -4582,13 +4559,6 @@ find-up@^5.0.0:
     locate-path "^6.0.0"
     path-exists "^4.0.0"
 
-find-yarn-workspace-root@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/find-yarn-workspace-root/-/find-yarn-workspace-root-2.0.0.tgz#f47fb8d239c900eb78179aa81b66673eac88f7bd"
-  integrity sha512-1IMnbjt4KzsQfnhnzNd8wUEgXZ44IzZaZmnLYx7D5FZlaHt2gW20Cri8Q+E/t5tIj4+epTBub+2Zxu/vNILzqQ==
-  dependencies:
-    micromatch "^4.0.2"
-
 flat-cache@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.0.4.tgz#61b0338302b2fe9f957dcc32fc2a87f1c3048b11"
@@ -4680,7 +4650,7 @@ fs-extra@^8.1.0:
     jsonfile "^4.0.0"
     universalify "^0.1.0"
 
-fs-extra@^9.0.0, fs-extra@^9.0.1:
+fs-extra@^9.0.1:
   version "9.1.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
   integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
@@ -5090,18 +5060,6 @@ hermes-profile-transformer@^0.0.6:
   dependencies:
     source-map "^0.7.3"
 
-hoist-non-react-statics@^2.3.1:
-  version "2.5.5"
-  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz#c5903cf409c0dfd908f388e619d86b9c1174cb47"
-  integrity sha512-rqcy4pJo55FTTLWt+bU8ukscqHeE/e9KWvsOW2b/a3afxQZhwkQdT1rPPCJ0rYXdj4vNcasY8zHTH+jF/qStxw==
-
-hoist-non-react-statics@^3.3.2:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
-  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
-  dependencies:
-    react-is "^16.7.0"
-
 hosted-git-info@^2.1.4:
   version "2.8.9"
   resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.9.tgz#dffc0bf9a21c02209090f2aa69429e1414daf3f9"
@@ -5752,7 +5710,7 @@ is-wsl@^1.1.0:
   resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
   integrity sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw==
 
-is-wsl@^2.1.1, is-wsl@^2.2.0:
+is-wsl@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
   integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
@@ -6586,13 +6544,6 @@ kind-of@^6.0.0, kind-of@^6.0.2:
   resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
   integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
 
-klaw-sync@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/klaw-sync/-/klaw-sync-6.0.0.tgz#1fd2cfd56ebb6250181114f0a581167099c2b28c"
-  integrity sha512-nIeuVSzdCCs6TDPTqI8w1Yre34sSq7AkZ4B3sfOBbI2CgVSB4Du4aLQijFU2+lhAFCwt9+42Hel6lQNIv6AntQ==
-  dependencies:
-    graceful-fs "^4.1.11"
-
 klaw@^1.0.0:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/klaw/-/klaw-1.3.1.tgz#4088433b46b3b1ba259d78785d8e96f73ba02439"
@@ -7895,14 +7846,6 @@ open@^6.2.0:
   dependencies:
     is-wsl "^1.1.0"
 
-open@^7.4.2:
-  version "7.4.2"
-  resolved "https://registry.yarnpkg.com/open/-/open-7.4.2.tgz#b8147e26dcf3e426316c730089fd71edd29c2321"
-  integrity sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==
-  dependencies:
-    is-docker "^2.0.0"
-    is-wsl "^2.1.1"
-
 optionator@^0.8.1:
   version "0.8.3"
   resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
@@ -8147,26 +8090,6 @@ pascalcase@^0.1.1:
   resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
   integrity sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==
 
-patch-package@6.5.1:
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/patch-package/-/patch-package-6.5.1.tgz#3e5d00c16997e6160291fee06a521c42ac99b621"
-  integrity sha512-I/4Zsalfhc6bphmJTlrLoOcAF87jcxko4q0qsv4bGcurbr8IskEOtdnt9iCmsQVGL1B+iUhSQqweyTLJfCF9rA==
-  dependencies:
-    "@yarnpkg/lockfile" "^1.1.0"
-    chalk "^4.1.2"
-    cross-spawn "^6.0.5"
-    find-yarn-workspace-root "^2.0.0"
-    fs-extra "^9.0.0"
-    is-ci "^2.0.0"
-    klaw-sync "^6.0.0"
-    minimist "^1.2.6"
-    open "^7.4.2"
-    rimraf "^2.6.3"
-    semver "^5.6.0"
-    slash "^2.0.0"
-    tmp "^0.0.33"
-    yaml "^1.10.2"
-
 path-exists@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
@@ -8202,13 +8125,6 @@ path-parse@^1.0.7:
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
-path-to-regexp@^1.8.0:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-1.8.0.tgz#887b3ba9d84393e87a0a0b9f4cb756198b53548a"
-  integrity sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==
-  dependencies:
-    isarray "0.0.1"
-
 path-type@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-3.0.0.tgz#cef31dc8e0a1a3bb0d105c0cd97cf3bf47f4e36f"
@@ -8489,7 +8405,7 @@ react-freeze@^1.0.0:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
   integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
 
-react-is@^16.13.0, react-is@^16.13.1, react-is@^16.7.0, react-is@^16.8.6:
+react-is@^16.13.0, react-is@^16.13.1, react-is@^16.8.6:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@@ -8546,13 +8462,6 @@ react-native-safe-area-context@^4.4.1:
   resolved "https://registry.yarnpkg.com/react-native-safe-area-context/-/react-native-safe-area-context-4.5.0.tgz#9208313236e8f49e1920ac1e2a2c975f03aed284"
   integrity sha512-0WORnk9SkREGUg2V7jHZbuN5x4vcxj/1B0QOcXJjdYWrzZHgLcUzYWWIUecUPJh747Mwjt/42RZDOaFn3L8kPQ==
 
-react-native-safe-area-view@^0.14.9:
-  version "0.14.9"
-  resolved "https://registry.yarnpkg.com/react-native-safe-area-view/-/react-native-safe-area-view-0.14.9.tgz#90ee8383037010d9a5055a97cf97e4c1da1f0c3d"
-  integrity sha512-WII/ulhpVyL/qbYb7vydq7dJAfZRBcEhg4/UWt6F6nAKpLa3gAceMOxBxI914ppwSP/TdUsandFy6lkJQE0z4A==
-  dependencies:
-    hoist-non-react-statics "^2.3.1"
-
 react-native-windows@^0.64.8:
   version "0.64.31"
   resolved "https://registry.yarnpkg.com/react-native-windows/-/react-native-windows-0.64.31.tgz#4f33a3a7eabd4d0e4a98aac30e717c3713bd8439"
@@ -8633,22 +8542,6 @@ react-native@0.71.0:
     whatwg-fetch "^3.0.0"
     ws "^6.2.2"
 
-react-navigation-stack@^2.9.0:
-  version "2.10.4"
-  resolved "https://registry.yarnpkg.com/react-navigation-stack/-/react-navigation-stack-2.10.4.tgz#377fd6533f8ae0cf5ca5a435a0115851f010306a"
-  integrity sha512-3LE1PFsFV9v4PUlZRATMotqs6H7MOOpIKtjyP+l8D1cyzYmsMQh3EFikeDfzGQUXIvy8VyLAMtcEssicQPYvFA==
-  dependencies:
-    color "^3.1.3"
-    react-native-iphone-x-helper "^1.3.0"
-
-react-navigation@^4.4.3:
-  version "4.4.4"
-  resolved "https://registry.yarnpkg.com/react-navigation/-/react-navigation-4.4.4.tgz#8cda2219196311db440e54998bc724523359949f"
-  integrity sha512-08Nzy1aKEd73496CsuzN49vLFmxPKYF5WpKGgGvkQ10clB79IRM2BtAfVl6NgPKuUM8FXq1wCsrjo/c5ftl5og==
-  dependencies:
-    "@react-navigation/core" "^3.7.9"
-    "@react-navigation/native" "^3.8.4"
-
 react-refresh@^0.4.0:
   version "0.4.3"
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.4.3.tgz#966f1750c191672e76e16c2efa569150cc73ab53"
@@ -9006,7 +8899,7 @@ rfdc@^1.3.0:
   resolved "https://registry.yarnpkg.com/rfdc/-/rfdc-1.3.0.tgz#d0b7c441ab2720d05dc4cf26e01c89631d9da08b"
   integrity sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==
 
-rimraf@^2.5.4, rimraf@^2.6.3:
+rimraf@^2.5.4:
   version "2.7.1"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
   integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==
@@ -9318,11 +9211,6 @@ slash@^1.0.0:
   resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55"
   integrity sha512-3TYDR7xWt4dIqV2JauJr+EJeW356RXijHeUlO+8djJ+uBXPn8/2dpzBc8yQhh583sVvc9CvFAeQVgijsH+PNNg==
 
-slash@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-2.0.0.tgz#de552851a1759df3a8f206535442f5ec4ddeab44"
-  integrity sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==
-
 slash@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
@@ -10534,7 +10422,7 @@ yallist@^4.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
-yaml@^1.10.0, yaml@^1.10.2:
+yaml@^1.10.0:
   version "1.10.2"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
   integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==