fix: add peer dep on react-navigation

.eslintrc

@@ -12,5 +12,9 @@
   "env": {
     "es6": true,
     "react-native-globals/all": true,
+  },
+
+  "rules": {
+    "import/named": "off"
   }
 }

example/App.js

@@ -5,8 +5,12 @@ import {
   Assets as StackAssets,
   createStackNavigator,
 } from 'react-navigation-stack';
-import { Themed, createAppContainer } from '@react-navigation/native';
-import { ThemeColors, useTheme } from '@react-navigation/core';
+import {
+  Themed,
+  createAppContainer,
+  ThemeColors,
+  useTheme,
+} from 'react-navigation';
 import { MaterialCommunityIcons } from '@expo/vector-icons';
 import { Asset } from 'expo-asset';
 

example/metro.config.js

@@ -22,8 +22,7 @@ module.exports = {
     providesModuleNodeModules: [
       '@expo/vector-icons',
       '@babel/runtime',
-      '@react-navigation/core',
-      '@react-navigation/native',
+      'react-navigation',
       ...dependencies,
       ...peerDependencies,
     ],

example/package.json

@@ -10,14 +10,13 @@
   "main": "App.js",
   "dependencies": {
     "@expo/vector-icons": "^10.0.0",
-    "@react-navigation/core": "3.5.0",
-    "@react-navigation/native": "^3.6.2",
     "expo": "^33.0.7",
     "expo-asset": "^6.0.0",
     "expo-constants": "~5.0.1",
     "react": "16.8.3",
+    "react-navigation": "^4.0.1",
     "react-native": "https://github.com/expo/react-native/archive/sdk-33.0.0.tar.gz",
-    "react-native-safe-area-view": "^0.13.1",
+    "react-native-safe-area-view": "0.13.1",
     "react-native-screens": "1.0.0-alpha.22",
     "react-native-tab-view": "^2.10.0",
     "react-navigation-stack": "1.5.3"
@@ -28,6 +27,8 @@
     "glob-to-regexp": "^0.4.0"
   },
   "resolutions": {
+    "**/react-native-screens": "1.0.0-alpha.22",
+    "**/react-native-safe-area-view": "0.13.1",
     "**/hoist-non-react-statics": "2.5.0",
     "**/react-native-tab-view": "2.10.0",
     "**/prop-types": "15.6.1"

example/src/Shared/PhotoGrid.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { View, Image, ScrollView, Dimensions, StyleSheet } from 'react-native';
-import { withNavigation } from '@react-navigation/core';
+import { withNavigation } from 'react-navigation';
 
 @withNavigation
 class NavigationAwareScrollView extends React.Component {

package.json

@@ -69,15 +69,16 @@
     "react": "16.5.0",
     "react-dom": "16.5.0",
     "react-native": "~0.57.1",
-    "react-native-reanimated": "^1.0.0-alpha.12",
-    "react-navigation": "^3.3.2",
+    "react-native-gesture-handler": "^1.4.1",
+    "react-native-reanimated": "^1.2.0",
+    "react-navigation": "^4.0.1",
     "react-test-renderer": "16.5.0",
     "release-it": "^10.3.1",
     "typescript": "^3.5.2"
   },
   "peerDependencies": {
-    "@react-navigation/core": "^3.4.0",
     "react": "*",
+    "react-navigation": "^4.0.1",
     "react-native": "*",
     "react-native-gesture-handler": "^1.0.0",
     "react-native-reanimated": "^1.0.0-alpha",

src/types.tsx

@@ -41,7 +41,7 @@ export type NavigationProp<RouteName = string, Params = object> = {
   state: NavigationState;
   setParams(params: Params): void;
   getParam(): Params;
-  dispatch(action: { type: string }): void;
+  dispatch(action: { type: string }): boolean;
   dangerouslyGetParent(): NavigationProp | undefined;
 };
 

src/utils/createTabNavigator.tsx

@@ -5,7 +5,7 @@ import {
   SceneView,
   createNavigator,
   SwitchActions,
-} from '@react-navigation/core';
+} from 'react-navigation';
 import {
   NavigationProp,
   SceneDescriptor,
@@ -255,6 +255,9 @@ export default function createTabNavigator<
 
   return (routes: RouteConfig<Options>, config: Partial<Options> = {}) => {
     const router = TabRouter(routes, config as any);
+
+    // TODO: don't have time to fix it right now
+    // @ts-ignore
     return createNavigator(NavigationView, router, config as any);
   };
 }

src/views/BottomTabBar.tsx

@@ -9,7 +9,7 @@ import {
   LayoutChangeEvent,
 } from 'react-native';
 import SafeAreaView from 'react-native-safe-area-view';
-import { ThemeColors, ThemeContext } from '@react-navigation/core';
+import { ThemeColors, ThemeContext } from 'react-navigation';
 
 import CrossFadeIcon from './CrossFadeIcon';
 import withDimensions from '../utils/withDimensions';

tsconfig.json

@@ -15,7 +15,6 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "resolveJsonModule": true,
-    "skipLibCheck": true,
     "strict": true,
     "target": "esnext"
   }