fix: add peer dep on react-navigation

packages/stack/example/App.js

@@ -1,11 +1,7 @@
 import * as React from 'react';
 import { Asset } from 'expo-asset';
 import { FlatList, I18nManager } from 'react-native';
-import {
-  createAppContainer,
-  SafeAreaView,
-  ScrollView,
-} from '@react-navigation/native';
+import { createAppContainer, SafeAreaView, ScrollView } from 'react-navigation';
 import {
   Assets as StackAssets,
   createStackNavigator,
@@ -31,6 +27,7 @@ import {
 } from './src/HeaderBackgrounds';
 
 // Comment the following two lines to stop using react-native-screens
+// eslint-disable-next-line import/no-unresolved
 import { useScreens } from 'react-native-screens';
 
 useScreens(true);

packages/stack/example/metro.config.js

@@ -29,6 +29,7 @@ module.exports = {
     providesModuleNodeModules: [
       '@expo/vector-icons',
       '@babel/runtime',
+      'react-navigation',
       ...projectDependencies,
     ],
   },

packages/stack/example/package.json

@@ -3,14 +3,13 @@
   "version": "0.0.1",
   "private": true,
   "scripts": {
-    "start": "react-native start",
+    "start": "expo start",
+    "native": "react-native start",
     "android": "react-native run-android",
     "ios": "react-native run-ios"
   },
   "dependencies": {
     "@react-native-community/masked-view": "^0.1.1",
-    "@react-navigation/core": "3.4.2",
-    "@react-navigation/native": "^3.4.1",
     "expo": "^34.0.0",
     "expo-asset": "^6.0.0",
     "expo-barcode-scanner": "~6.0.0",
@@ -26,11 +25,13 @@
     "react-native-unimodules": "~0.5.2",
     "react-native-web": "^0.11.4",
     "react-native-webview": "~5.12.0",
+    "react-navigation": "^4.0.1",
     "react-navigation-drawer": "^2.0.0",
     "react-navigation-tabs": "2.2.0"
   },
   "devDependencies": {
-    "babel-plugin-module-resolver": "^3.2.0"
+    "babel-plugin-module-resolver": "^3.2.0",
+    "expo-cli": "^3.0.10"
   },
   "resolutions": {
     "react-native-safe-area-view": "0.14.6",

packages/stack/example/src/HeaderPreset.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button, StatusBar } from 'react-native';
-import { SafeAreaView } from '@react-navigation/native';
+import { SafeAreaView } from 'react-navigation';
 import {
   createStackNavigator,
   TransitionPresets,

packages/stack/example/src/ImmediateTransition.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import { createStackNavigator } from 'react-navigation-stack';
-import { createAppContainer } from '@react-navigation/native';
+import { createAppContainer } from 'react-navigation';
 
 class ScreenOne extends React.Component {
   componentDidMount() {

packages/stack/example/src/LifecycleInteraction.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Button, Text, View, StyleSheet } from 'react-native';
 import { BarCodeScanner } from 'expo-barcode-scanner';
-import { withNavigationFocus } from '@react-navigation/core';
+import { withNavigationFocus } from 'react-navigation';
 import { createStackNavigator } from 'react-navigation-stack';
 
 const IndexScreen = ({ navigation }) => (

packages/stack/example/src/RevealStack.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Dimensions, Button, View, Text } from 'react-native';
-import { withNavigation } from '@react-navigation/core';
+import { withNavigation } from 'react-navigation';
 import {
   createStackNavigator,
   TransitionPresets,

packages/stack/example/src/SimpleStack.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Dimensions, Button, View, Text } from 'react-native';
-import { withNavigation } from '@react-navigation/core';
+import { withNavigation } from 'react-navigation';
 import { createStackNavigator } from 'react-navigation-stack';
 
 const Buttons = withNavigation(props => (

packages/stack/example/src/SwitchWithStacks.js

@@ -7,7 +7,7 @@ import {
   StyleSheet,
   View,
 } from 'react-native';
-import { createSwitchNavigator } from '@react-navigation/core';
+import { createSwitchNavigator } from 'react-navigation';
 import { createStackNavigator } from 'react-navigation-stack';
 
 class SignInScreen extends React.Component<any, any> {