diff --git a/example/.eslintrc b/example/.eslintrc
index 44dea7d2f..aad8193ee 100644
--- a/example/.eslintrc
+++ b/example/.eslintrc
@@ -5,8 +5,10 @@
     {
       'import/core-modules':
         [
+          'expo-asset',
           'react-navigation-stack',
           'react-native-gesture-handler',
+          'react-native-reanimated',
           'react-native-vector-icons',
         ],
     },
diff --git a/example/App.js b/example/App.js
index 80d4dee96..3b9c91791 100644
--- a/example/App.js
+++ b/example/App.js
@@ -14,9 +14,11 @@ import { List, Divider } from 'react-native-paper';
 
 import FullScreen from './src/FullScreen';
 import SimpleStack from './src/SimpleStack';
+import WipeStack from './src/WipeStack';
 import ImageStack from './src/ImageStack';
 import TransparentStack from './src/TransparentStack';
 import ModalStack from './src/ModalStack';
+import ModalPresentation from './src/ModalPresentation';
 import LifecycleInteraction from './src/LifecycleInteraction';
 import GestureInteraction from './src/GestureInteraction';
 import SwitchWithStacks from './src/SwitchWithStacks';
@@ -24,22 +26,29 @@ import StackWithDrawer from './src/StackWithDrawer';
 import HeaderPreset from './src/HeaderPreset';
 import {
   HeaderBackgroundDefault,
-  HeaderBackgroundTranslate,
   HeaderBackgroundFade,
 } from './src/HeaderBackgrounds';
 
 // Comment the following two lines to stop using react-native-screens
 import { useScreens } from 'react-native-screens';
 
-// Uncomment the following line to force RTL. Requires closing and re-opening
+useScreens(true);
+
+// Change `false` to `true` to force RTL. Requires closing and re-opening
 // your app after you first load it with this option enabled.
 I18nManager.forceRTL(false);
 
 const data = [
   { component: SimpleStack, title: 'Simple', routeName: 'SimpleStack' },
   { component: HeaderPreset, title: 'UIKit Preset', routeName: 'UIKit' },
+  { component: WipeStack, title: 'Wipe Preset', routeName: 'Wipe' },
   { component: ImageStack, title: 'Image', routeName: 'ImageStack' },
   { component: ModalStack, title: 'Modal', routeName: 'ModalStack' },
+  {
+    component: ModalPresentation,
+    title: 'Modal (iOS style)',
+    routeName: 'ModalPresentation',
+  },
   { component: FullScreen, title: 'Full Screen', routeName: 'FullScreen' },
   {
     component: LifecycleInteraction,
@@ -68,7 +77,7 @@ const data = [
   },
   {
     component: HeaderBackgroundDefault,
-    title: 'Header background (default transition)',
+    title: 'Header background (UIKit transition)',
     routeName: 'HeaderBackgroundDefault',
   },
   {
@@ -76,11 +85,6 @@ const data = [
     title: 'Header background (fade transition)',
     routeName: 'HeaderBackgroundFade',
   },
-  {
-    component: HeaderBackgroundTranslate,
-    title: 'Header background (translate transition)',
-    routeName: 'HeaderBackgroundTranslate',
-  },
 ];
 
 // Cache images
@@ -145,7 +149,6 @@ const Root = createStackNavigator(
   }
 );
 
-useScreens();
 export default createAppContainer(Root);
 
 // Uncomment this to test immediate transitions
diff --git a/example/package.json b/example/package.json
index 116aafbad..fca131e81 100644
--- a/example/package.json
+++ b/example/package.json
@@ -9,19 +9,23 @@
     "ios": "expo start --ios"
   },
   "dependencies": {
-    "@react-navigation/core": "3.4.1",
+    "@react-navigation/core": "3.4.2",
     "@react-navigation/native": "^3.4.1",
-    "expo": "^33.0.0",
+    "expo": "^33.0.7",
     "expo-asset": "^5.0.1",
     "expo-constants": "~5.0.1",
     "hoist-non-react-statics": "^3.3.0",
     "react": "16.8.3",
     "react-native": "https://github.com/expo/react-native/archive/sdk-33.0.0.tar.gz",
     "react-native-paper": "^2.15.2",
-    "react-navigation-drawer": "^1.2.1",
-    "react-navigation-tabs": "*"
+    "react-navigation-drawer": "^2.0.0",
+    "react-navigation-tabs": "2.2.0"
   },
   "devDependencies": {
     "babel-plugin-module-resolver": "^3.2.0"
+  },
+  "resolutions": {
+    "react-native-safe-area-view": "0.14.6",
+    "react-native-screens": "1.0.0-alpha.23"
   }
 }
diff --git a/example/src/HeaderBackgrounds.js b/example/src/HeaderBackgrounds.js
index f77e06e67..b75cda291 100644
--- a/example/src/HeaderBackgrounds.js
+++ b/example/src/HeaderBackgrounds.js
@@ -1,6 +1,10 @@
 import * as React from 'react';
 import { StyleSheet, View, Text } from 'react-native';
-import { createStackNavigator } from 'react-navigation-stack';
+import {
+  createStackNavigator,
+  TransitionPresets,
+  HeaderStyleInterpolators,
+} from 'react-navigation-stack';
 
 function createHeaderBackgroundExample(options = {}) {
   return createStackNavigator(
@@ -19,7 +23,7 @@ function createHeaderBackgroundExample(options = {}) {
         navigationOptions: {
           headerTitle: 'Login Screen',
           headerTintColor: '#fff',
-          headerBackground: (
+          headerBackground: () => (
             <View style={{ flex: 1, backgroundColor: '#FF0066' }} />
           ),
         },
@@ -38,7 +42,7 @@ function createHeaderBackgroundExample(options = {}) {
         navigationOptions: {
           headerTitle: 'Games Screen',
           headerTintColor: '#fff',
-          headerBackground: (
+          headerBackground: () => (
             <View style={{ flex: 1, backgroundColor: '#3388FF' }} />
           ),
         },
@@ -89,12 +93,20 @@ function createHeaderBackgroundExample(options = {}) {
     }
   );
 }
-export const HeaderBackgroundDefault = createHeaderBackgroundExample();
-export const HeaderBackgroundTranslate = createHeaderBackgroundExample({
-  headerBackgroundTransitionPreset: 'translate',
+export const HeaderBackgroundDefault = createHeaderBackgroundExample({
+  defaultNavigationOptions: {
+    ...TransitionPresets.SlideFromRightIOS,
+    headerStyleInterpolator: HeaderStyleInterpolators.forUIKit,
+  },
+  headerMode: 'float',
 });
+
 export const HeaderBackgroundFade = createHeaderBackgroundExample({
-  headerBackgroundTransitionPreset: 'fade',
+  defaultNavigationOptions: {
+    ...TransitionPresets.SlideFromRightIOS,
+    headerStyleInterpolator: HeaderStyleInterpolators.forFade,
+  },
+  headerMode: 'float',
 });
 
 const styles = StyleSheet.create({
diff --git a/example/src/HeaderPreset.js b/example/src/HeaderPreset.js
index 4884993ba..11755d6da 100644
--- a/example/src/HeaderPreset.js
+++ b/example/src/HeaderPreset.js
@@ -1,7 +1,11 @@
 import * as React from 'react';
 import { Button, StatusBar } from 'react-native';
 import { SafeAreaView } from '@react-navigation/native';
-import { createStackNavigator } from 'react-navigation-stack';
+import {
+  createStackNavigator,
+  TransitionPresets,
+  HeaderStyleInterpolators,
+} from 'react-navigation-stack';
 
 class HomeScreen extends React.Component {
   static navigationOptions = {
@@ -101,7 +105,13 @@ const StackWithHeaderPreset = createStackNavigator(
     ScreenWithLongTitle: ScreenWithLongTitle,
   },
   {
-    headerTransitionPreset: 'uikit',
+    headerMode: 'float',
+    defaultNavigationOptions: {
+      ...TransitionPresets.SlideFromRightIOS,
+      headerStyleInterpolator: HeaderStyleInterpolators.forUIKit,
+      headerTitleContainerStyle: { left: null },
+      gesturesEnabled: true,
+    },
   }
 );
 
diff --git a/example/src/ImageStack.js b/example/src/ImageStack.js
index 235f03549..f7e9fc3c3 100644
--- a/example/src/ImageStack.js
+++ b/example/src/ImageStack.js
@@ -7,7 +7,7 @@ class ListScreen extends React.Component {
   static navigationOptions = ({ navigation }) => ({
     title: 'Image list',
     headerBackTitle: 'Back',
-    headerLeft: (
+    headerLeft: () => (
       <Button title="Back" onPress={() => navigation.navigate('Home')} />
     ),
   });
diff --git a/example/src/ModalPresentation.js b/example/src/ModalPresentation.js
new file mode 100644
index 000000000..cacacfdad
--- /dev/null
+++ b/example/src/ModalPresentation.js
@@ -0,0 +1,74 @@
+import * as React from 'react';
+import { Button, View, Text } from 'react-native';
+import {
+  createStackNavigator,
+  TransitionPresets,
+} from 'react-navigation-stack';
+
+class ListScreen extends React.Component {
+  static navigationOptions = {
+    title: 'My Modal',
+  };
+
+  render() {
+    return (
+      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
+        <Text>List Screen</Text>
+        <Text>A list may go here</Text>
+        <Button
+          title="Go to Details"
+          onPress={() => this.props.navigation.navigate('Details')}
+        />
+        <Button
+          title="Go back to all examples"
+          onPress={() => this.props.navigation.navigate('Home')}
+        />
+      </View>
+    );
+  }
+}
+
+class DetailsScreen extends React.Component {
+  static navigationOptions = {
+    header: null,
+  };
+
+  render() {
+    return (
+      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
+        <Text>Details Screen</Text>
+        <Button
+          title="Go to Details... again"
+          onPress={() => this.props.navigation.push('Details')}
+        />
+        <Button
+          title="Go to List"
+          onPress={() => this.props.navigation.navigate('List')}
+        />
+        <Button
+          title="Go back"
+          onPress={() => this.props.navigation.goBack()}
+        />
+        <Button
+          title="Go back to all examples"
+          onPress={() => this.props.navigation.navigate('Home')}
+        />
+      </View>
+    );
+  }
+}
+
+export default createStackNavigator(
+  {
+    List: ListScreen,
+    Details: DetailsScreen,
+  },
+  {
+    mode: 'modal',
+    defaultNavigationOptions: {
+      ...TransitionPresets.ModalPresentationIOS,
+      cardOverlayEnabled: true,
+      gesturesEnabled: true,
+    },
+  }
+);
diff --git a/example/src/SimpleStack.js b/example/src/SimpleStack.js
index 9e2167412..59f213015 100644
--- a/example/src/SimpleStack.js
+++ b/example/src/SimpleStack.js
@@ -9,6 +9,10 @@ const Buttons = withNavigation(props => (
       title="Go to Details"
       onPress={() => props.navigation.navigate('Details')}
     />
+    <Button
+      title="Replace with List"
+      onPress={() => props.navigation.replace('List')}
+    />
     <Button
       title="Go and then go to details quick"
       onPress={() => {
@@ -148,11 +152,5 @@ export default createStackNavigator(
   },
   {
     initialRouteName: 'List',
-
-    // these are the defaults
-    cardShadowEnabled: true,
-    cardOverlayEnabled: false,
-
-    // headerTransitionPreset: 'uikit',
   }
 );
diff --git a/example/src/TransparentStack.js b/example/src/TransparentStack.js
index ffec5562a..bda5ad709 100644
--- a/example/src/TransparentStack.js
+++ b/example/src/TransparentStack.js
@@ -1,6 +1,7 @@
 import * as React from 'react';
-import { Animated, Button, Easing, View, Text } from 'react-native';
+import { Button, View, Text } from 'react-native';
 import { createStackNavigator } from 'react-navigation-stack';
+import Animated from 'react-native-reanimated';
 
 class ListScreen extends React.Component {
   render() {
@@ -72,29 +73,23 @@ export default createStackNavigator(
   },
   {
     initialRouteName: 'List',
-    transparentCard: true,
     mode: 'modal',
     headerMode: 'none',
-    navigationOptions: {
+    defaultNavigationOptions: {
       gesturesEnabled: false,
+      cardTransparent: true,
     },
-    transitionConfig: () => ({
-      transitionSpec: {
-        duration: 300,
-        easing: Easing.inOut(Easing.ease),
-        timing: Animated.timing,
-      },
-      screenInterpolator: sceneProps => {
-        const { position, scene } = sceneProps;
-        const { index } = scene;
+    cardStyleInterpolator: ({ progress: { current } }) => {
+      const opacity = Animated.interpolate(current, {
+        inputRange: [0, 0.5, 0.9, 1],
+        outputRange: [0, 0.25, 0.7, 1],
+      });
 
-        const opacity = position.interpolate({
-          inputRange: [index - 1, index],
-          outputRange: [0, 1],
-        });
-
-        return { opacity };
-      },
-    }),
+      return {
+        cardStyle: {
+          opacity,
+        },
+      };
+    },
   }
 );
diff --git a/example/src/WipeStack.js b/example/src/WipeStack.js
new file mode 100644
index 000000000..a87b45c2a
--- /dev/null
+++ b/example/src/WipeStack.js
@@ -0,0 +1,160 @@
+import * as React from 'react';
+import { Dimensions, Button, View, Text } from 'react-native';
+import { withNavigation } from '@react-navigation/core';
+import {
+  createStackNavigator,
+  TransitionPresets,
+} from 'react-navigation-stack';
+
+const Buttons = withNavigation(props => (
+  <React.Fragment>
+    <Button
+      title="Go to Details"
+      onPress={() => props.navigation.navigate('Details')}
+    />
+    <Button
+      title="Go and then go to details quick"
+      onPress={() => {
+        props.navigation.pop();
+        setTimeout(() => {
+          props.navigation.navigate('Details');
+        }, 100);
+      }}
+    />
+    <Button
+      title="Go to Headerless"
+      onPress={() => props.navigation.navigate('Headerless')}
+    />
+    <Button title="Go back" onPress={() => props.navigation.goBack()} />
+    <Button
+      title="Go back quick"
+      onPress={() => {
+        props.navigation.pop();
+        setTimeout(() => {
+          props.navigation.pop();
+        }, 100);
+      }}
+    />
+    <Button
+      title="Go back to all examples"
+      onPress={() => props.navigation.navigate('Home')}
+    />
+  </React.Fragment>
+));
+
+class ListScreen extends React.Component {
+  static navigationOptions = {
+    title: 'List',
+  };
+
+  componentDidMount() {
+    console.log('ListScreen didMount');
+  }
+
+  componentWillUnmount() {
+    console.log('ListScreen willUnmount');
+  }
+
+  render() {
+    return (
+      <View
+        style={{
+          flex: 1,
+          alignItems: 'center',
+          justifyContent: 'center',
+          backgroundColor: '#fff',
+        }}
+      >
+        <Text>List Screen</Text>
+        <Text>A list may go here</Text>
+        <Buttons />
+      </View>
+    );
+  }
+}
+
+class DetailsScreen extends React.Component {
+  static navigationOptions = {
+    title: 'Details',
+    gestureResponseDistance: {
+      horizontal: Dimensions.get('window').width,
+    },
+  };
+
+  componentDidMount() {
+    console.log('DetailsScreen didMount');
+  }
+
+  componentWillUnmount() {
+    console.log('DetailsScreen willUnmount');
+  }
+
+  render() {
+    return (
+      <View
+        style={{
+          flex: 1,
+          alignItems: 'center',
+          justifyContent: 'center',
+          backgroundColor: '#fff',
+        }}
+      >
+        <Text>Details Screen</Text>
+        <Button title="Go back in 2s" onPress={this._goBackInTwoSeconds} />
+        <Buttons />
+      </View>
+    );
+  }
+
+  _goBackInTwoSeconds = () => {
+    setTimeout(() => {
+      this.props.navigation.goBack();
+    }, 2000);
+  };
+}
+
+class HeaderlessScreen extends React.Component {
+  static navigationOptions = {
+    header: null,
+  };
+
+  componentDidMount() {
+    console.log('HeaderlessScreen didMount');
+  }
+
+  componentWillUnmount() {
+    console.log('HeaderlessScreen willUnmount');
+  }
+
+  render() {
+    return (
+      <View
+        style={{
+          flex: 1,
+          alignItems: 'center',
+          justifyContent: 'center',
+          backgroundColor: '#fff',
+        }}
+      >
+        <Text>Headerless Screen</Text>
+        <Buttons />
+      </View>
+    );
+  }
+}
+
+export default createStackNavigator(
+  {
+    List: ListScreen,
+    Details: DetailsScreen,
+    Headerless: HeaderlessScreen,
+  },
+  {
+    initialRouteName: 'List',
+    headerMode: 'screen',
+    defaultNavigationOptions: {
+      ...TransitionPresets.WipeFromBottomAndroid,
+      cardOverlayEnabled: true,
+    },
+  }
+);
diff --git a/example/yarn.lock b/example/yarn.lock
index 6c2f1d176..8ced5a29d 100644
--- a/example/yarn.lock
+++ b/example/yarn.lock
@@ -899,10 +899,10 @@
   resolved "https://registry.yarnpkg.com/@react-native-community/netinfo/-/netinfo-2.0.10.tgz#d28a446352e75754b78509557988359133cdbcca"
   integrity sha512-NrIzyLe0eSbhgMnHl2QdSEhaA7yXh6p9jzMomfUa//hoTXE+xbObGDdiWWSQm2bnXnZJg8XCU3AB9qzvqcuLnA==
 
-"@react-navigation/core@3.4.1":
-  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/@react-navigation/core/-/core-3.4.1.tgz#8c7e0e53cfb8ccaf87afb76a2733f5e5fde20cd8"
-  integrity sha512-slslu4FmjKQMO/EKGGqqGsfC6evQLdbJM2ROACcC2Xxf0+nPeZV5ND8HHukUZZucJRE6Bg/NI+zC1XSBYRjhnw==
+"@react-navigation/core@3.4.2":
+  version "3.4.2"
+  resolved "https://registry.yarnpkg.com/@react-navigation/core/-/core-3.4.2.tgz#bec563e94fde40fbab3730cdc97f22afbb2a1498"
+  integrity sha512-7G+iDzLSTeOUU4vVZeRZKJ+Bd7ds7ZxYNqZcB8i0KlBeQEQfR74Ounfu/p0KIEq2RiNnaE3QT7WVP3C87sebzw==
   dependencies:
     hoist-non-react-statics "^3.3.0"
     path-to-regexp "^1.7.0"
@@ -1778,6 +1778,11 @@ cross-spawn@^6.0.0, cross-spawn@^6.0.5:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
+debounce@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/debounce/-/debounce-1.2.0.tgz#44a540abc0ea9943018dc0eaa95cce87f65cd131"
+  integrity sha512-mYtLl1xfZLi1m4RtQYlZgJUNQjl4ZxVnHzIR8nLLgi4q1YT8o/WM+MK/f8yfcc9s5Ir5zRaPZyZU6xs1Syoocg==
+
 debug@2.6.9, debug@^2.2.0, debug@^2.3.3:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
@@ -2310,15 +2315,15 @@ expo-task-manager@~5.0.1:
   resolved "https://registry.yarnpkg.com/expo-task-manager/-/expo-task-manager-5.0.1.tgz#18e0a2a7539617d7731c3e4e9bedcf0a3574577b"
   integrity sha512-ManMdoYH++K2ZaRCYc2hfi1N33XTzjn1o1O8Qkj8JH49VssOzW9TF1URw2j+qRt3iN5Iba4+ECONoi++GoCiqw==
 
-expo-web-browser@~5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/expo-web-browser/-/expo-web-browser-5.0.2.tgz#79d0dc3d0b12f917d69267e6e9d85f2d38e77e1b"
-  integrity sha512-yz8U3Qo4LPvFZYwl2E0t18JAsctwEkY5KuT/1UNH+lAy6krtXF2vmOtZ2xIMIiqiZkZLTr75zlA+iJAlmn0eOw==
+expo-web-browser@~5.0.3:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/expo-web-browser/-/expo-web-browser-5.0.3.tgz#c382358ece64a4fad5a5996795faea3446072298"
+  integrity sha512-Etue3QfBki4shFChsVd3Of3xvY7KsXoNINKvckiRCmcCjOC5bGiZ+Grhf70YEHVUB2bEcAUeZhC9Tg0Ip2tdEQ==
 
-expo@^33.0.0:
-  version "33.0.3"
-  resolved "https://registry.yarnpkg.com/expo/-/expo-33.0.3.tgz#49ed7ebac0479aaafa0421562fe0460b523f489c"
-  integrity sha512-0ejoSDZ6PYCQ6il5BNRWp7X62oTDvwhaM0+wYCik9lqzsKcJ+BjlIAPZTXQVB0a8ti9dQnFQoZ4ZBfyzkzUuvg==
+expo@^33.0.7:
+  version "33.0.7"
+  resolved "https://registry.yarnpkg.com/expo/-/expo-33.0.7.tgz#e121044c04120ad6d74df6b0099d5d8194244349"
+  integrity sha512-+mDBQ/KeJnDWg8bUoiuP/OpMXwUYaypgHMDPgH7+AXw8OJuedMhJlH+7UEX2OB+UePnWPcQER411sC7m819pag==
   dependencies:
     "@babel/runtime" "^7.1.2"
     "@expo/vector-icons" "^10.0.1"
@@ -2379,7 +2384,7 @@ expo@^33.0.0:
     expo-speech "~5.0.2"
     expo-sqlite "~5.0.1"
     expo-task-manager "~5.0.1"
-    expo-web-browser "~5.0.2"
+    expo-web-browser "~5.0.3"
     fbemitter "^2.1.1"
     invariant "^2.2.2"
     lodash "^4.6.0"
@@ -4650,17 +4655,10 @@ react-native-reanimated@1.0.1:
   resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-1.0.1.tgz#5ecb6a2f6dad0351077ac9b771ca943b7ad6feda"
   integrity sha512-RENoo6/sJc3FApP7vJ1Js7WyDuTVh97bbr5aMjJyw3kqpR2/JDHyL/dQFfOvSSAc+VjitpR9/CfPPad7tLRiIA==
 
-react-native-safe-area-view@^0.12.0:
-  version "0.12.0"
-  resolved "https://registry.yarnpkg.com/react-native-safe-area-view/-/react-native-safe-area-view-0.12.0.tgz#5c312f087300ecf82e8541c3eac25d560e147f22"
-  integrity sha512-UrAXmBC4KNR5K2eczIDZgqceWyKsgG9gmWFerHCvoyApfei8ceBB9u/c//PWCpS5Gt8MRLTmX5jPtzdXo2yNqg==
-  dependencies:
-    hoist-non-react-statics "^2.3.1"
-
-react-native-safe-area-view@^0.14.1:
-  version "0.14.5"
-  resolved "https://registry.yarnpkg.com/react-native-safe-area-view/-/react-native-safe-area-view-0.14.5.tgz#eeded66bbeb0807f0a7f5f449e7fb2871f7ecf76"
-  integrity sha512-1NxWK1G0gzwCOuyNV/zf4n18s6FWsiqgwkzU3P9C0Iu8AErjhstK1jUqpRwzLH8+/7hGLsrQedmn+ZbQTOrJPg==
+react-native-safe-area-view@0.14.6, react-native-safe-area-view@^0.12.0, react-native-safe-area-view@^0.14.1:
+  version "0.14.6"
+  resolved "https://registry.yarnpkg.com/react-native-safe-area-view/-/react-native-safe-area-view-0.14.6.tgz#9a9d37d9f8f3887d60c4076eae7b5d2319539446"
+  integrity sha512-dbzuvaeHFV1VBpyMaC0gtJ2BqFt6ls/405A0t78YN1sXiTrVr3ki86Ysct8mzifWqLdvWzcWagE5wfMtdxnqoA==
   dependencies:
     hoist-non-react-statics "^2.3.1"
 
@@ -4671,27 +4669,22 @@ react-native-safe-module@^1.1.0:
   dependencies:
     dedent "^0.6.0"
 
-react-native-screens@1.0.0-alpha.22, "react-native-screens@^1.0.0 || ^1.0.0-alpha":
-  version "1.0.0-alpha.22"
-  resolved "https://registry.yarnpkg.com/react-native-screens/-/react-native-screens-1.0.0-alpha.22.tgz#7a120377b52aa9bbb94d0b8541a014026be9289b"
-  integrity sha512-kSyAt0AeVU6N7ZonfV6dP6iZF8B7Bce+tk3eujXhzBGsLg0VSLnU7uE9VqJF0xdQrHR91ZjGgVMieo/8df9KTA==
+react-native-screens@1.0.0-alpha.22, react-native-screens@1.0.0-alpha.23, "react-native-screens@^1.0.0 || ^1.0.0-alpha":
+  version "1.0.0-alpha.23"
+  resolved "https://registry.yarnpkg.com/react-native-screens/-/react-native-screens-1.0.0-alpha.23.tgz#25d7ea4d11bda4fcde2d1da7ae50271c6aa636e0"
+  integrity sha512-tOxHGQUN83MTmQB4ghoQkibqOdGiX4JQEmeyEv96MKWO/x8T2PJv84ECUos9hD3blPRQwVwSpAid1PPPhrVEaw==
+  dependencies:
+    debounce "^1.2.0"
 
 react-native-svg@9.4.0:
   version "9.4.0"
   resolved "https://registry.yarnpkg.com/react-native-svg/-/react-native-svg-9.4.0.tgz#e428e0eae55aebd2355f1ff4f22675dad4611960"
   integrity sha512-IVJlVbS2dAPerPr927fEi4uXzrPXzlra5ddgyJXZZ2IKA2ZygyYWFZDM+vsQs+Vj20CfL8nOWszQQV57vdQgFg==
 
-react-native-tab-view@^1.2.0:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/react-native-tab-view/-/react-native-tab-view-1.4.1.tgz#f113cd87485808f0c991abec937f70fa380478b9"
-  integrity sha512-Bke8KkDcDhvB/z0AS7MnQKMD2p6Kwfc1rSKlMOvg9CC5CnClQ2QEnhPSbwegKDYhUkBI92iH/BYy7hNSm5kbUQ==
-  dependencies:
-    prop-types "^15.6.1"
-
-react-native-tab-view@^2.3.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/react-native-tab-view/-/react-native-tab-view-2.5.0.tgz#b13ac4d9e0666db58c1a55af62f12dee8a6e4bfa"
-  integrity sha512-nU/zTUA3WFV7wZN3lw0xCJmXvFzBjxHMCJXmTNPQeoQNsmwapNNgpbyZ6CgjfTVTXsv14vOYxx3HwQCy0i1gbA==
+react-native-tab-view@^2.6.2:
+  version "2.7.3"
+  resolved "https://registry.yarnpkg.com/react-native-tab-view/-/react-native-tab-view-2.7.3.tgz#fcbc5a50869f54fbdce39372addc1654e3775630"
+  integrity sha512-5t70BPiVZ8himmP+A7PTo9LcDlacAUtWzxghcXo2mE1vjnw2oypZanFpEl9UzJlrHfsE1Duyn8FUfLysS9PqPA==
 
 react-native-view-shot@2.6.0:
   version "2.6.0"
@@ -4761,21 +4754,19 @@ react-native-webview@5.8.1:
     xmldoc "^0.4.0"
     yargs "^9.0.0"
 
-react-navigation-drawer@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/react-navigation-drawer/-/react-navigation-drawer-1.2.1.tgz#7bd5efeee7d2f611d3ebb0933e0c8e8eb7cafe52"
-  integrity sha512-T2kaBjY2c4/3I6noWFnaf/c18ntNH5DsST38i+pdc2NPxn5Yi5lkK+ZZTeKuHSFD4a7G0jWY9OGf1iRkHWLMAQ==
-  dependencies:
-    react-native-tab-view "^1.2.0"
+react-navigation-drawer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/react-navigation-drawer/-/react-navigation-drawer-2.0.0.tgz#1606e652f90a591e7f3396b9c530d8452b47d743"
+  integrity sha512-M9Ov4kOj0nh9HDMYoYJtd6ZaIKYLlC3y2LmGr4kNIPZ1zj4fIXi8ibaolZOe28xmZakWFZzN7bbUf2f+Rbc8Og==
 
-react-navigation-tabs@*:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/react-navigation-tabs/-/react-navigation-tabs-2.1.3.tgz#fa91f44d824086fb528840e0e5764bea779f0810"
-  integrity sha512-Fh/aSek8LP/CpLSQEYwphrTHVOLiu64MTCDjm3xBMJYa/D4u6IXL3qirYRnR/tKBTqAMJ6csamwU23ZfyqhCSQ==
+react-navigation-tabs@2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/react-navigation-tabs/-/react-navigation-tabs-2.2.0.tgz#9f537f51efb5b31714c123b78d8ba4f7bdb530bb"
+  integrity sha512-0x2ZJlVvxT9rNbN9JfyhMoKHjn6w1cDi/XZ7jHDq6zrxP7P9vo0+PtU1OsOU0qg0t3SlUOQLoW5GGZRcyehY6Q==
   dependencies:
     hoist-non-react-statics "^3.3.0"
     react-lifecycles-compat "^3.0.4"
-    react-native-tab-view "^2.3.0"
+    react-native-tab-view "^2.6.2"
 
 react-proxy@^1.1.7:
   version "1.1.8"
diff --git a/jest-setup.js b/jest-setup.js
index 46e764629..96098e5a2 100644
--- a/jest-setup.js
+++ b/jest-setup.js
@@ -3,4 +3,117 @@
 jest.mock('react-native-gesture-handler', () => ({
   PanGestureHandler: 'PanGestureHandler',
   BaseButton: 'BaseButton',
+  State: {
+    UNDETERMINED: 0,
+    FAILED: 1,
+    BEGAN: 2,
+    CANCELLED: 3,
+    ACTIVE: 4,
+    END: 5,
+  },
 }));
+
+jest.mock('react-native-reanimated', () => {
+  const { View, Text, Image, ScrollView } = require('react-native');
+
+  const NOOP = () => undefined;
+
+  return {
+    __esModule: true,
+
+    default: {
+      SpringUtils: {
+        makeDefaultConfig: NOOP,
+        makeConfigFromBouncinessAndSpeed: NOOP,
+        makeConfigFromOrigamiTensionAndFriction: NOOP,
+      },
+      createAnimatedComponent: Component => Component,
+      View,
+      Text,
+      Image,
+      ScrollView,
+      Code: () => null,
+
+      Clock: NOOP,
+      Node: NOOP,
+      Value: NOOP,
+
+      Extrapolate: {
+        EXTEND: 'extend',
+        CLAMP: 'clamp',
+        IDENTITY: 'identity',
+      },
+
+      add: NOOP,
+      sub: NOOP,
+      multiply: NOOP,
+      divide: NOOP,
+      pow: NOOP,
+      modulo: NOOP,
+      sqrt: NOOP,
+      sin: NOOP,
+      cos: NOOP,
+      tan: NOOP,
+      acos: NOOP,
+      asin: NOOP,
+      atan: NOOP,
+      exp: NOOP,
+      round: NOOP,
+      floor: NOOP,
+      ceil: NOOP,
+      lessThan: NOOP,
+      eq: NOOP,
+      greaterThan: NOOP,
+      lessOrEq: NOOP,
+      greaterOrEq: NOOP,
+      neq: NOOP,
+      and: NOOP,
+      or: NOOP,
+      defined: NOOP,
+      not: NOOP,
+      set: NOOP,
+      concat: NOOP,
+      cond: NOOP,
+      block: NOOP,
+      call: NOOP,
+      debug: NOOP,
+      onChange: NOOP,
+      startClock: NOOP,
+      stopClock: NOOP,
+      clockRunning: NOOP,
+      event: NOOP,
+      abs: NOOP,
+      acc: NOOP,
+      color: NOOP,
+      diff: NOOP,
+      diffClamp: NOOP,
+      interpolate: NOOP,
+      max: NOOP,
+      min: NOOP,
+
+      decay: NOOP,
+      timing: NOOP,
+      spring: NOOP,
+
+      useCode: NOOP,
+    },
+
+    Easing: {
+      linear: NOOP,
+      ease: NOOP,
+      quad: NOOP,
+      cubic: NOOP,
+      poly: () => NOOP,
+      sin: NOOP,
+      circle: NOOP,
+      exp: NOOP,
+      elastic: () => NOOP,
+      back: () => NOOP,
+      bounce: () => NOOP,
+      bezier: () => NOOP,
+      in: () => NOOP,
+      out: () => NOOP,
+      inOut: () => NOOP,
+    },
+  };
+});
diff --git a/package.json b/package.json
index 5933e0fb3..a0d6e7a45 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-navigation-stack",
-  "version": "1.3.0",
+  "version": "2.0.0-alpha.5",
   "description": "Stack navigator component for React Navigation",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -18,7 +18,7 @@
     "prepare": "bob build",
     "release": "release-it",
     "example": "yarn --cwd example",
-    "bootstrap": "yarn && yarn example"
+    "bootstrap": "yarn example && yarn"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -41,34 +41,38 @@
     "url": "https://github.com/react-navigation/react-navigation-stack/issues"
   },
   "homepage": "https://github.com/react-navigation/react-navigation-stack#readme",
+  "dependencies": {
+    "react-native-safe-area-view": "^0.14.6"
+  },
   "devDependencies": {
-    "@babel/core": "^7.4.4",
-    "@commitlint/config-conventional": "^7.5.0",
-    "@expo/vector-icons": "^10.0.1",
-    "@react-native-community/bob": "^0.4.1",
-    "@react-navigation/core": "^3.4.1",
-    "@react-navigation/native": "^3.4.1",
-    "@release-it/conventional-changelog": "^1.0.0",
-    "@types/jest": "^24.0.12",
+    "@babel/core": "^7.5.0",
+    "@commitlint/config-conventional": "^8.0.0",
+    "@expo/vector-icons": "^10.0.3",
+    "@react-native-community/bob": "^0.6.1",
+    "@react-navigation/core": "^3.4.2",
+    "@react-navigation/native": "^3.5.0",
+    "@release-it/conventional-changelog": "^1.1.0",
+    "@types/jest": "^24.0.15",
     "@types/react": "^16.8.14",
     "@types/react-native": "^0.57.51",
     "@types/react-test-renderer": "^16.8.1",
-    "commitlint": "^7.5.2",
+    "commitlint": "^8.0.0",
     "eslint": "^5.16.0",
     "eslint-config-satya164": "^2.4.1",
     "eslint-plugin-react-native-globals": "^0.1.0",
-    "husky": "^2.2.0",
-    "jest": "^24.7.1",
-    "prettier": "^1.17.0",
-    "react": "16.5.0",
-    "react-dom": "16.5.0",
-    "react-native": "~0.57.7",
-    "react-native-gesture-handler": "^1.1.0",
-    "react-native-screens": "^1.0.0-alpha.22",
-    "react-test-renderer": "16.5.0",
-    "release-it": "^11.0.0",
+    "husky": "^3.0.0",
+    "jest": "^24.8.0",
+    "prettier": "^1.18.2",
+    "react": "16.8.3",
+    "react-dom": "16.8.3",
+    "react-native": "~0.59.8",
+    "react-native-gesture-handler": "^1.3.0",
+    "react-native-reanimated": "^1.1.0",
+    "react-native-screens": "^1.0.0-alpha.23",
+    "react-test-renderer": "16.8.3",
+    "release-it": "^12.3.2",
     "scheduler": "^0.14.0",
-    "typescript": "^3.4.5"
+    "typescript": "^3.5.2"
   },
   "peerDependencies": {
     "@react-navigation/core": "^3.0.0",
@@ -76,6 +80,7 @@
     "react": "*",
     "react-native": "*",
     "react-native-gesture-handler": "^1.0.0",
+    "react-native-reanimated": "^1.0.0",
     "react-native-screens": "^1.0.0 || ^1.0.0-alpha"
   },
   "jest": {
diff --git a/src/TransitionConfigs/CardStyleInterpolators.tsx b/src/TransitionConfigs/CardStyleInterpolators.tsx
new file mode 100644
index 000000000..4976d135d
--- /dev/null
+++ b/src/TransitionConfigs/CardStyleInterpolators.tsx
@@ -0,0 +1,197 @@
+import { I18nManager } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { CardInterpolationProps, CardInterpolatedStyle } from '../types';
+import { getStatusBarHeight } from 'react-native-safe-area-view';
+
+const { cond, add, multiply, interpolate } = Animated;
+
+/**
+ * Standard iOS-style slide in from the right.
+ */
+export function forHorizontalIOS({
+  progress: { current, next },
+  layouts: { screen },
+}: CardInterpolationProps): CardInterpolatedStyle {
+  const translateFocused = interpolate(current, {
+    inputRange: [0, 1],
+    outputRange: [I18nManager.isRTL ? -screen.width : screen.width, 0],
+  });
+  const translateUnfocused = next
+    ? interpolate(next, {
+        inputRange: [0, 1],
+        outputRange: [
+          0,
+          multiply(I18nManager.isRTL ? -screen.width : screen.width, -0.3),
+        ],
+      })
+    : 0;
+
+  const overlayOpacity = interpolate(current, {
+    inputRange: [0, 1],
+    outputRange: [0, 0.07],
+  });
+
+  const shadowOpacity = interpolate(current, {
+    inputRange: [0, 1],
+    outputRange: [0, 0.3],
+  });
+
+  return {
+    cardStyle: {
+      transform: [
+        // Translation for the animation of the current card
+        { translateX: translateFocused },
+        // Translation for the animation of the card on top of this
+        { translateX: translateUnfocused },
+      ],
+    },
+    overlayStyle: { opacity: overlayOpacity },
+    shadowStyle: { shadowOpacity },
+  };
+}
+
+/**
+ * Standard iOS-style slide in from the bottom (used for modals).
+ */
+export function forVerticalIOS({
+  progress: { current },
+  layouts: { screen },
+}: CardInterpolationProps): CardInterpolatedStyle {
+  const translateY = interpolate(current, {
+    inputRange: [0, 1],
+    outputRange: [screen.height, 0],
+  });
+
+  return {
+    cardStyle: {
+      transform: [
+        // Translation for the animation of the current card
+        { translateY },
+      ],
+    },
+  };
+}
+
+/**
+ * Standard iOS-style modal animation in iOS 13.
+ */
+export function forModalPresentationIOS({
+  index,
+  progress: { current, next },
+  layouts: { screen },
+}: CardInterpolationProps): CardInterpolatedStyle {
+  const topOffset = 10;
+  const statusBarHeight = getStatusBarHeight(screen.width > screen.height);
+  const aspectRatio = screen.height / screen.width;
+
+  const progress = add(current, next ? next : 0);
+
+  const translateY = interpolate(progress, {
+    inputRange: [0, 1, 2],
+    outputRange: [
+      screen.height,
+      index === 0 ? 0 : topOffset,
+      (index === 0 ? statusBarHeight : 0) - topOffset * aspectRatio,
+    ],
+  });
+
+  const overlayOpacity = interpolate(progress, {
+    inputRange: [0, 1, 2],
+    outputRange: [0, 0.3, 1],
+  });
+
+  const scale = interpolate(progress, {
+    inputRange: [0, 1, 2],
+    outputRange: [1, 1, screen.width ? 1 - (topOffset * 2) / screen.width : 1],
+  });
+
+  const borderRadius =
+    index === 0
+      ? interpolate(progress, {
+          inputRange: [0, 1, 2],
+          outputRange: [0, 0, 10],
+        })
+      : 10;
+
+  return {
+    cardStyle: {
+      overflow: 'hidden',
+      borderTopLeftRadius: borderRadius,
+      borderTopRightRadius: borderRadius,
+      marginTop: index === 0 ? 0 : statusBarHeight,
+      transform: [{ translateY }, { scale }],
+    },
+    overlayStyle: { opacity: overlayOpacity },
+  };
+}
+
+/**
+ * Standard Android-style fade in from the bottom for Android Oreo.
+ */
+export function forFadeFromBottomAndroid({
+  progress: { current },
+  layouts: { screen },
+  closing,
+}: CardInterpolationProps): CardInterpolatedStyle {
+  const translateY = interpolate(current, {
+    inputRange: [0, 1],
+    outputRange: [multiply(screen.height, 0.08), 0],
+  });
+
+  const opacity = cond(
+    closing,
+    current,
+    interpolate(current, {
+      inputRange: [0, 0.5, 0.9, 1],
+      outputRange: [0, 0.25, 0.7, 1],
+    })
+  );
+
+  return {
+    cardStyle: {
+      opacity,
+      transform: [{ translateY }],
+    },
+  };
+}
+
+/**
+ * Standard Android-style wipe from the bottom for Android Pie.
+ */
+export function forWipeFromBottomAndroid({
+  progress: { current, next },
+  layouts: { screen },
+}: CardInterpolationProps): CardInterpolatedStyle {
+  const containerTranslateY = interpolate(current, {
+    inputRange: [0, 1],
+    outputRange: [screen.height, 0],
+  });
+  const cardTranslateYFocused = interpolate(current, {
+    inputRange: [0, 1],
+    outputRange: [multiply(screen.height, 95.9 / 100, -1), 0],
+  });
+  const cardTranslateYUnfocused = next
+    ? interpolate(next, {
+        inputRange: [0, 1],
+        outputRange: [0, multiply(screen.height, 2 / 100, -1)],
+      })
+    : 0;
+  const overlayOpacity = interpolate(current, {
+    inputRange: [0, 0.36, 1],
+    outputRange: [0, 0.1, 0.1],
+  });
+
+  return {
+    containerStyle: {
+      overflow: 'hidden',
+      transform: [{ translateY: containerTranslateY }],
+    },
+    cardStyle: {
+      transform: [
+        { translateY: cardTranslateYFocused },
+        { translateY: cardTranslateYUnfocused },
+      ],
+    },
+    overlayStyle: { opacity: overlayOpacity },
+  };
+}
diff --git a/src/TransitionConfigs/HeaderStyleInterpolators.tsx b/src/TransitionConfigs/HeaderStyleInterpolators.tsx
new file mode 100644
index 000000000..ac8dac237
--- /dev/null
+++ b/src/TransitionConfigs/HeaderStyleInterpolators.tsx
@@ -0,0 +1,129 @@
+import { I18nManager } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { HeaderInterpolationProps, HeaderInterpolatedStyle } from '../types';
+
+const { interpolate, add } = Animated;
+
+export function forUIKit({
+  progress: { current, next },
+  layouts,
+}: HeaderInterpolationProps): HeaderInterpolatedStyle {
+  const defaultOffset = 100;
+  const leftSpacing = 27;
+
+  // The title and back button title should cross-fade to each other
+  // When screen is fully open, the title should be in center, and back title should be on left
+  // When screen is closing, the previous title will animate to back title's position
+  // And back title will animate to title's position
+  // We achieve this by calculating the offsets needed to translate title to back title's position and vice-versa
+  const leftLabelOffset = layouts.leftLabel
+    ? (layouts.screen.width - layouts.leftLabel.width) / 2 - leftSpacing
+    : defaultOffset;
+  const titleLeftOffset = layouts.title
+    ? (layouts.screen.width - layouts.title.width) / 2 - leftSpacing
+    : defaultOffset;
+
+  // When the current title is animating to right, it is centered in the right half of screen in middle of transition
+  // The back title also animates in from this position
+  const rightOffset = layouts.screen.width / 4;
+
+  const progress = add(current, next ? next : 0);
+
+  return {
+    leftButtonStyle: {
+      opacity: interpolate(progress, {
+        inputRange: [0.3, 1, 1.5],
+        outputRange: [0, 1, 0],
+      }),
+    },
+    leftLabelStyle: {
+      transform: [
+        {
+          translateX: interpolate(progress, {
+            inputRange: [0, 1, 2],
+            outputRange: I18nManager.isRTL
+              ? [-rightOffset, 0, leftLabelOffset]
+              : [leftLabelOffset, 0, -rightOffset],
+          }),
+        },
+      ],
+    },
+    rightButtonStyle: {
+      opacity: interpolate(progress, {
+        inputRange: [0.3, 1, 1.5],
+        outputRange: [0, 1, 0],
+      }),
+    },
+    titleStyle: {
+      opacity: interpolate(progress, {
+        inputRange: [0, 0.4, 1, 1.5],
+        outputRange: [0, 0.1, 1, 0],
+      }),
+      transform: [
+        {
+          translateX: interpolate(progress, {
+            inputRange: [0.5, 1, 2],
+            outputRange: I18nManager.isRTL
+              ? [-titleLeftOffset, 0, rightOffset]
+              : [rightOffset, 0, -titleLeftOffset],
+          }),
+        },
+      ],
+    },
+    backgroundStyle: {
+      transform: [
+        {
+          translateX: interpolate(progress, {
+            inputRange: [0, 1, 2],
+            outputRange: I18nManager.isRTL
+              ? [-layouts.screen.width, 0, layouts.screen.width]
+              : [layouts.screen.width, 0, -layouts.screen.width],
+          }),
+        },
+      ],
+    },
+  };
+}
+
+export function forFade({
+  progress: { current, next },
+}: HeaderInterpolationProps): HeaderInterpolatedStyle {
+  const progress = add(current, next ? next : 0);
+  const opacity = interpolate(progress, {
+    inputRange: [0, 1, 2],
+    outputRange: [0, 1, 0],
+  });
+
+  return {
+    leftButtonStyle: { opacity },
+    rightButtonStyle: { opacity },
+    titleStyle: { opacity },
+    backgroundStyle: { opacity },
+  };
+}
+
+export function forStatic({
+  progress: { current, next },
+  layouts: { screen },
+}: HeaderInterpolationProps): HeaderInterpolatedStyle {
+  const progress = add(current, next ? next : 0);
+  const translateX = interpolate(progress, {
+    inputRange: [0, 1, 2],
+    outputRange: I18nManager.isRTL
+      ? [-screen.width, 0, screen.width]
+      : [screen.width, 0, -screen.width],
+  });
+
+  const transform = [{ translateX }];
+
+  return {
+    leftButtonStyle: { transform },
+    rightButtonStyle: { transform },
+    titleStyle: { transform },
+    backgroundStyle: { transform },
+  };
+}
+
+export function forNoAnimation(): HeaderInterpolatedStyle {
+  return {};
+}
diff --git a/src/TransitionConfigs/TransitionPresets.tsx b/src/TransitionConfigs/TransitionPresets.tsx
new file mode 100644
index 000000000..ae93dcae0
--- /dev/null
+++ b/src/TransitionConfigs/TransitionPresets.tsx
@@ -0,0 +1,86 @@
+import {
+  forHorizontalIOS,
+  forVerticalIOS,
+  forWipeFromBottomAndroid,
+  forFadeFromBottomAndroid,
+  forModalPresentationIOS,
+} from './CardStyleInterpolators';
+import { forNoAnimation, forFade } from './HeaderStyleInterpolators';
+import {
+  TransitionIOSSpec,
+  WipeFromBottomAndroidSpec,
+  FadeOutToBottomAndroidSpec,
+  FadeInFromBottomAndroidSpec,
+} from './TransitionSpecs';
+import { TransitionPreset } from '../types';
+import { Platform } from 'react-native';
+
+const ANDROID_VERSION_PIE = 28;
+
+// Standard iOS navigation transition
+export const SlideFromRightIOS: TransitionPreset = {
+  direction: 'horizontal',
+  transitionSpec: {
+    open: TransitionIOSSpec,
+    close: TransitionIOSSpec,
+  },
+  cardStyleInterpolator: forHorizontalIOS,
+  headerStyleInterpolator: forFade,
+};
+
+// Standard iOS navigation transition for modals
+export const ModalSlideFromBottomIOS: TransitionPreset = {
+  direction: 'vertical',
+  transitionSpec: {
+    open: TransitionIOSSpec,
+    close: TransitionIOSSpec,
+  },
+  cardStyleInterpolator: forVerticalIOS,
+  headerStyleInterpolator: forNoAnimation,
+};
+
+// Standard iOS modal presentation style (introduced in iOS 13)
+export const ModalPresentationIOS: TransitionPreset = {
+  direction: 'vertical',
+  transitionSpec: {
+    open: TransitionIOSSpec,
+    close: TransitionIOSSpec,
+  },
+  cardStyleInterpolator: forModalPresentationIOS,
+  headerStyleInterpolator: forNoAnimation,
+};
+
+// Standard Android navigation transition when opening or closing an Activity on Android < 9
+export const FadeFromBottomAndroid: TransitionPreset = {
+  direction: 'vertical',
+  transitionSpec: {
+    open: FadeInFromBottomAndroidSpec,
+    close: FadeOutToBottomAndroidSpec,
+  },
+  cardStyleInterpolator: forFadeFromBottomAndroid,
+  headerStyleInterpolator: forNoAnimation,
+};
+
+// Standard Android navigation transition when opening or closing an Activity on Android >= 9
+export const WipeFromBottomAndroid: TransitionPreset = {
+  direction: 'vertical',
+  transitionSpec: {
+    open: WipeFromBottomAndroidSpec,
+    close: WipeFromBottomAndroidSpec,
+  },
+  cardStyleInterpolator: forWipeFromBottomAndroid,
+  headerStyleInterpolator: forNoAnimation,
+};
+
+export const DefaultTransition = Platform.select({
+  ios: SlideFromRightIOS,
+  default:
+    Platform.OS === 'android' && Platform.Version < ANDROID_VERSION_PIE
+      ? FadeFromBottomAndroid
+      : WipeFromBottomAndroid,
+});
+
+export const ModalTransition = Platform.select({
+  ios: ModalSlideFromBottomIOS,
+  default: DefaultTransition,
+});
diff --git a/src/TransitionConfigs/TransitionSpecs.tsx b/src/TransitionConfigs/TransitionSpecs.tsx
new file mode 100644
index 000000000..2f3c1cec4
--- /dev/null
+++ b/src/TransitionConfigs/TransitionSpecs.tsx
@@ -0,0 +1,44 @@
+import { Easing } from 'react-native-reanimated';
+import { TransitionSpec } from '../types';
+
+// These are the exact values from UINavigationController's animation configuration
+export const TransitionIOSSpec: TransitionSpec = {
+  timing: 'spring',
+  config: {
+    stiffness: 1000,
+    damping: 500,
+    mass: 3,
+    overshootClamping: true,
+    restDisplacementThreshold: 0.01,
+    restSpeedThreshold: 0.01,
+  },
+};
+
+// See http://androidxref.com/7.1.1_r6/xref/frameworks/base/core/res/res/anim/activity_open_enter.xml
+export const FadeInFromBottomAndroidSpec: TransitionSpec = {
+  timing: 'timing',
+  config: {
+    duration: 350,
+    easing: Easing.out(Easing.poly(5)),
+  },
+};
+
+// See http://androidxref.com/7.1.1_r6/xref/frameworks/base/core/res/res/anim/activity_close_exit.xml
+export const FadeOutToBottomAndroidSpec: TransitionSpec = {
+  timing: 'timing',
+  config: {
+    duration: 150,
+    easing: Easing.in(Easing.linear),
+  },
+};
+
+// See http://androidxref.com/9.0.0_r3/xref/frameworks/base/core/res/res/anim/activity_open_enter.xml
+export const WipeFromBottomAndroidSpec: TransitionSpec = {
+  timing: 'timing',
+  config: {
+    duration: 425,
+    // This is super rough approximation of the path used for the curve by android
+    // See http://androidxref.com/9.0.0_r3/xref/frameworks/base/core/res/res/interpolator/fast_out_extra_slow_in.xml
+    easing: Easing.bezier(0.35, 0.45, 0, 1),
+  },
+};
diff --git a/src/index.tsx b/src/index.tsx
index a1f317f85..dc56284e6 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,4 +1,6 @@
-import { Platform } from 'react-native';
+import * as CardStyleInterpolators from './TransitionConfigs/CardStyleInterpolators';
+import * as HeaderStyleInterpolators from './TransitionConfigs/HeaderStyleInterpolators';
+import * as TransitionPresets from './TransitionConfigs/TransitionPresets';
 
 /**
  * Navigators
@@ -7,35 +9,25 @@ export {
   default as createStackNavigator,
 } from './navigators/createStackNavigator';
 
-export const Assets = Platform.select({
-  ios: [
-    require('./views/assets/back-icon.png'),
-    require('./views/assets/back-icon-mask.png'),
-  ],
-  default: [require('./views/assets/back-icon.png')],
-});
+export const Assets = [
+  require('./views/assets/back-icon.png'),
+  require('./views/assets/back-icon-mask.png'),
+];
 
 /**
  * Views
  */
 export { default as Header } from './views/Header/Header';
-export { default as HeaderBackButton } from './views/Header/HeaderBackButton';
 export { default as HeaderTitle } from './views/Header/HeaderTitle';
-export {
-  default as HeaderStyleInterpolator,
-} from './views/Header/HeaderStyleInterpolator';
-export { default as StackView } from './views/StackView/StackView';
-export { default as StackViewCard } from './views/StackView/StackViewCard';
-export { default as StackViewLayout } from './views/StackView/StackViewLayout';
-export {
-  default as StackViewStyleInterpolator,
-} from './views/StackView/StackViewStyleInterpolator';
-export {
-  default as StackViewTransitionConfigs,
-} from './views/StackView/StackViewTransitionConfigs';
-export {
-  default as createPointerEventsContainer,
-} from './views/StackView/createPointerEventsContainer';
-export { default as Transitioner } from './views/Transitioner';
-export { default as ScenesReducer } from './views/ScenesReducer';
+export { default as HeaderBackButton } from './views/Header/HeaderBackButton';
+
+/**
+ * Transition presets
+ */
+export { CardStyleInterpolators, HeaderStyleInterpolators, TransitionPresets };
+
+/**
+ * Utilities
+ */
+
 export { default as StackGestureContext } from './utils/StackGestureContext';
diff --git a/src/index.web.tsx b/src/index.web.tsx
deleted file mode 100644
index 185672f9e..000000000
--- a/src/index.web.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-/**
- * Navigators
- */
-export {
-  default as createStackNavigator,
-} from './navigators/createStackNavigator';
-
-export const Assets = [];
-
-/**
- * Views
- */
-export { default as Header } from './views/Header/Header';
-export { default as HeaderBackButton } from './views/Header/HeaderBackButton';
-export { default as HeaderTitle } from './views/Header/HeaderTitle';
-export {
-  default as HeaderStyleInterpolator,
-} from './views/Header/HeaderStyleInterpolator';
-export { default as StackView } from './views/StackView/StackView';
-export { default as StackViewCard } from './views/StackView/StackViewCard';
-export { default as StackViewLayout } from './views/StackView/StackViewLayout';
-export {
-  default as StackViewStyleInterpolator,
-} from './views/StackView/StackViewStyleInterpolator';
-export {
-  default as StackViewTransitionConfigs,
-} from './views/StackView/StackViewTransitionConfigs';
-export {
-  default as createPointerEventsContainer,
-} from './views/StackView/createPointerEventsContainer';
-export { default as Transitioner } from './views/Transitioner';
-export { default as ScenesReducer } from './views/ScenesReducer';
-export { default as StackGestureContext } from './utils/StackGestureContext';
diff --git a/src/navigators/__tests__/StackNavigator.test.tsx b/src/navigators/__tests__/StackNavigator.test.tsx
index bf4621729..ed2df43be 100644
--- a/src/navigators/__tests__/StackNavigator.test.tsx
+++ b/src/navigators/__tests__/StackNavigator.test.tsx
@@ -63,7 +63,7 @@ describe('StackNavigator', () => {
       Home: {
         screen: HomeScreen,
         navigationOptions: {
-          headerRight: <View />,
+          headerRight: () => <View />,
         },
       },
     });
@@ -89,7 +89,7 @@ describe('StackNavigator', () => {
 
     class A extends React.Component {
       static navigationOptions = {
-        headerRight: <TestComponentWithNavigation onPress={spy} />,
+        headerRight: () => <TestComponentWithNavigation onPress={spy} />,
       };
 
       render() {
diff --git a/src/navigators/__tests__/__snapshots__/NestedNavigator.test.tsx.snap b/src/navigators/__tests__/__snapshots__/NestedNavigator.test.tsx.snap
index 1e306d244..d726fd932 100644
--- a/src/navigators/__tests__/__snapshots__/NestedNavigator.test.tsx.snap
+++ b/src/navigators/__tests__/__snapshots__/NestedNavigator.test.tsx.snap
@@ -1,145 +1,331 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Nested navigators renders succesfully as direct child 1`] = `
-<View
-  onLayout={[Function]}
-  style={
-    Object {
-      "flex": 1,
-    }
-  }
->
-  <PanGestureHandler
-    enabled={false}
-    hitSlop={
+Array [
+  <View
+    onLayout={[Function]}
+    style={
       Object {
-        "right": 50,
+        "flex": 1,
+        "overflow": "hidden",
       }
     }
-    maxDeltaY={20}
-    minOffsetX={5}
-    onGestureEvent={[Function]}
-    onHandlerStateChange={[Function]}
   >
     <View
+      pointerEvents="box-none"
       style={
         Object {
-          "backgroundColor": "#eee",
-          "flex": 1,
-          "flexDirection": "column-reverse",
-          "overflow": "hidden",
+          "bottom": 0,
+          "left": 0,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
         }
       }
     >
       <View
+        accessibilityElementsHidden={false}
+        closing={false}
+        importantForAccessibility="auto"
+        onClose={[Function]}
+        onGestureBegin={[Function]}
+        onGestureCanceled={[Function]}
+        onGestureEnd={[Function]}
+        onOpen={[Function]}
+        onTransitionStart={[Function]}
+        pointerEvents="box-none"
         style={
           Object {
-            "flex": 1,
+            "bottom": 0,
+            "left": 0,
+            "position": "absolute",
+            "right": 0,
+            "top": 0,
+          }
+        }
+        transitionSpec={
+          Object {
+            "close": Object {
+              "config": Object {
+                "damping": 500,
+                "mass": 3,
+                "overshootClamping": true,
+                "restDisplacementThreshold": 0.01,
+                "restSpeedThreshold": 0.01,
+                "stiffness": 1000,
+              },
+              "timing": "spring",
+            },
+            "open": Object {
+              "config": Object {
+                "damping": 500,
+                "mass": 3,
+                "overshootClamping": true,
+                "restDisplacementThreshold": 0.01,
+                "restSpeedThreshold": 0.01,
+                "stiffness": 1000,
+              },
+              "timing": "spring",
+            },
           }
         }
       >
         <View
-          pointerEvents="auto"
+          pointerEvents="box-none"
           style={
-            Object {
-              "bottom": 0,
-              "left": 0,
-              "opacity": 1,
-              "paddingTop": 64,
-              "position": "absolute",
-              "right": 0,
-              "top": 0,
-              "transform": Array [
-                Object {
-                  "translateX": 0,
-                },
-                Object {
-                  "translateY": 0,
-                },
-              ],
-            }
+            Array [
+              Object {
+                "flex": 1,
+              },
+              undefined,
+              Object {
+                "marginTop": 64,
+              },
+            ]
           }
         >
-          <View
-            accessibilityElementsHidden={false}
-            style={
+          <PanGestureHandler
+            enabled={false}
+            hitSlop={
               Object {
-                "backgroundColor": "#fff",
-                "flex": 1,
+                "right": -700,
               }
             }
+            maxDeltaY={20}
+            minOffsetX={5}
           >
             <View
-              onLayout={[Function]}
               style={
-                Object {
-                  "flex": 1,
-                }
+                Array [
+                  Object {
+                    "flex": 1,
+                  },
+                  Object {
+                    "transform": Array [
+                      Object {
+                        "translateX": undefined,
+                      },
+                      Object {
+                        "translateX": 0,
+                      },
+                    ],
+                  },
+                ]
               }
             >
-              <PanGestureHandler
-                enabled={false}
-                hitSlop={
-                  Object {
-                    "right": 50,
-                  }
+              <View
+                pointerEvents="none"
+                style={
+                  Array [
+                    Object {
+                      "backgroundColor": "#fff",
+                      "position": "absolute",
+                      "shadowColor": "#000",
+                      "shadowOpacity": 0.3,
+                      "shadowRadius": 5,
+                    },
+                    Object {
+                      "bottom": 0,
+                      "left": 0,
+                      "shadowOffset": Object {
+                        "height": 1,
+                        "width": -1,
+                      },
+                      "top": 0,
+                      "width": 3,
+                    },
+                    Object {
+                      "shadowOpacity": undefined,
+                    },
+                  ]
+                }
+              />
+              <View
+                style={
+                  Array [
+                    Object {
+                      "flex": 1,
+                      "overflow": "hidden",
+                    },
+                    Object {
+                      "backgroundColor": "#eee",
+                    },
+                    undefined,
+                  ]
                 }
-                maxDeltaY={20}
-                minOffsetX={5}
-                onGestureEvent={[Function]}
-                onHandlerStateChange={[Function]}
               >
                 <View
+                  onLayout={[Function]}
                   style={
                     Object {
-                      "backgroundColor": "#eee",
                       "flex": 1,
-                      "flexDirection": "column-reverse",
                       "overflow": "hidden",
                     }
                   }
                 >
                   <View
+                    pointerEvents="box-none"
                     style={
                       Object {
-                        "flex": 1,
+                        "bottom": 0,
+                        "left": 0,
+                        "position": "absolute",
+                        "right": 0,
+                        "top": 0,
                       }
                     }
                   >
                     <View
-                      pointerEvents="auto"
+                      accessibilityElementsHidden={false}
+                      closing={false}
+                      importantForAccessibility="auto"
+                      onClose={[Function]}
+                      onGestureBegin={[Function]}
+                      onGestureCanceled={[Function]}
+                      onGestureEnd={[Function]}
+                      onOpen={[Function]}
+                      onTransitionStart={[Function]}
+                      pointerEvents="box-none"
                       style={
                         Object {
                           "bottom": 0,
                           "left": 0,
-                          "opacity": 1,
-                          "paddingTop": 64,
                           "position": "absolute",
                           "right": 0,
                           "top": 0,
-                          "transform": Array [
-                            Object {
-                              "translateX": 0,
+                        }
+                      }
+                      transitionSpec={
+                        Object {
+                          "close": Object {
+                            "config": Object {
+                              "damping": 500,
+                              "mass": 3,
+                              "overshootClamping": true,
+                              "restDisplacementThreshold": 0.01,
+                              "restSpeedThreshold": 0.01,
+                              "stiffness": 1000,
                             },
-                            Object {
-                              "translateY": 0,
+                            "timing": "spring",
+                          },
+                          "open": Object {
+                            "config": Object {
+                              "damping": 500,
+                              "mass": 3,
+                              "overshootClamping": true,
+                              "restDisplacementThreshold": 0.01,
+                              "restSpeedThreshold": 0.01,
+                              "stiffness": 1000,
                             },
-                          ],
+                            "timing": "spring",
+                          },
                         }
                       }
                     >
                       <View
-                        accessibilityElementsHidden={false}
+                        pointerEvents="box-none"
                         style={
-                          Object {
-                            "backgroundColor": "#fff",
-                            "flex": 1,
-                          }
+                          Array [
+                            Object {
+                              "flex": 1,
+                            },
+                            undefined,
+                            Object {
+                              "marginTop": 64,
+                            },
+                          ]
                         }
-                      />
+                      >
+                        <PanGestureHandler
+                          enabled={false}
+                          hitSlop={
+                            Object {
+                              "right": -700,
+                            }
+                          }
+                          maxDeltaY={20}
+                          minOffsetX={5}
+                        >
+                          <View
+                            style={
+                              Array [
+                                Object {
+                                  "flex": 1,
+                                },
+                                Object {
+                                  "transform": Array [
+                                    Object {
+                                      "translateX": undefined,
+                                    },
+                                    Object {
+                                      "translateX": 0,
+                                    },
+                                  ],
+                                },
+                              ]
+                            }
+                          >
+                            <View
+                              pointerEvents="none"
+                              style={
+                                Array [
+                                  Object {
+                                    "backgroundColor": "#fff",
+                                    "position": "absolute",
+                                    "shadowColor": "#000",
+                                    "shadowOpacity": 0.3,
+                                    "shadowRadius": 5,
+                                  },
+                                  Object {
+                                    "bottom": 0,
+                                    "left": 0,
+                                    "shadowOffset": Object {
+                                      "height": 1,
+                                      "width": -1,
+                                    },
+                                    "top": 0,
+                                    "width": 3,
+                                  },
+                                  Object {
+                                    "shadowOpacity": undefined,
+                                  },
+                                ]
+                              }
+                            />
+                            <View
+                              style={
+                                Array [
+                                  Object {
+                                    "flex": 1,
+                                    "overflow": "hidden",
+                                  },
+                                  Object {
+                                    "backgroundColor": "#eee",
+                                  },
+                                  undefined,
+                                ]
+                              }
+                            />
+                          </View>
+                        </PanGestureHandler>
+                      </View>
                     </View>
                   </View>
+                </View>
+                <View
+                  pointerEvents="box-none"
+                  style={
+                    Object {
+                      "left": 0,
+                      "position": "absolute",
+                      "right": 0,
+                      "top": 0,
+                    }
+                  }
+                >
                   <View
+                    accessibilityElementsHidden={false}
+                    importantForAccessibility="auto"
                     onLayout={[Function]}
                     pointerEvents="box-none"
                     style={
@@ -152,196 +338,242 @@ exports[`Nested navigators renders succesfully as direct child 1`] = `
                     }
                   >
                     <View
+                      pointerEvents="none"
                       style={
-                        Object {
-                          "backgroundColor": "#FFF",
-                          "transform": Array [
+                        Array [
+                          Object {
+                            "bottom": 0,
+                            "left": 0,
+                            "position": "absolute",
+                            "right": 0,
+                            "top": 0,
+                          },
+                          Object {
+                            "opacity": undefined,
+                          },
+                        ]
+                      }
+                    >
+                      <View
+                        style={
+                          Array [
                             Object {
-                              "translateX": 0,
+                              "backgroundColor": "white",
+                              "borderBottomColor": "#A7A7AA",
+                              "borderBottomWidth": 0.5,
+                              "flex": 1,
                             },
-                          ],
+                            Object {},
+                          ]
                         }
+                      />
+                    </View>
+                    <View
+                      pointerEvents="box-none"
+                      style={
+                        Array [
+                          Object {
+                            "height": 64,
+                            "maxHeight": undefined,
+                            "minHeight": undefined,
+                            "opacity": undefined,
+                          },
+                        ]
                       }
                     >
                       <View
-                        onLayout={[Function]}
+                        pointerEvents="none"
+                        style={
+                          Object {
+                            "height": 20,
+                          }
+                        }
+                      />
+                      <View
                         pointerEvents="box-none"
                         style={
                           Object {
-                            "backgroundColor": "#FFF",
-                            "borderBottomColor": "#A7A7AA",
-                            "borderBottomWidth": 0.5,
-                            "height": 64,
-                            "paddingBottom": 0,
-                            "paddingLeft": 0,
-                            "paddingRight": 0,
-                            "paddingTop": 20,
+                            "alignItems": "center",
+                            "flex": 1,
+                            "flexDirection": "row",
+                            "justifyContent": "center",
+                            "paddingHorizontal": 4,
                           }
                         }
                       >
                         <View
+                          pointerEvents="box-none"
                           style={
-                            Object {
-                              "flex": 1,
-                            }
+                            Array [
+                              null,
+                              Object {},
+                              Object {
+                                "opacity": undefined,
+                              },
+                              undefined,
+                            ]
                           }
                         >
-                          <View
+                          <Text
+                            onLayout={[Function]}
                             style={
-                              Object {
-                                "bottom": 0,
-                                "flexDirection": "row",
-                                "left": 0,
-                                "position": "absolute",
-                                "right": 0,
-                                "top": 0,
-                              }
-                            }
-                          >
-                            <View
-                              pointerEvents="box-none"
-                              style={
+                              Array [
                                 Object {
-                                  "alignItems": "center",
-                                  "backgroundColor": "transparent",
-                                  "bottom": 0,
-                                  "flexDirection": "row",
-                                  "justifyContent": "center",
-                                  "left": 0,
-                                  "opacity": 1,
-                                  "position": "absolute",
-                                  "right": 0,
-                                  "top": 0,
-                                }
-                              }
-                            >
-                              <Text
-                                accessibilityTraits="header"
-                                allowFontScaling={false}
-                                numberOfLines={1}
-                                onLayout={[Function]}
-                                style={
+                                  "color": "rgba(0, 0, 0, .9)",
+                                  "fontSize": 17,
+                                  "fontWeight": "600",
+                                },
+                                Array [
                                   Object {
-                                    "color": "rgba(0, 0, 0, .9)",
-                                    "fontSize": 17,
-                                    "fontWeight": "600",
-                                    "marginHorizontal": 16,
-                                    "textAlign": "center",
-                                  }
-                                }
-                              />
-                            </View>
-                          </View>
+                                    "color": undefined,
+                                  },
+                                  undefined,
+                                ],
+                              ]
+                            }
+                          >
+                            Home
+                          </Text>
                         </View>
                       </View>
                     </View>
                   </View>
                 </View>
-              </PanGestureHandler>
+              </View>
             </View>
-          </View>
+          </PanGestureHandler>
         </View>
       </View>
+    </View>
+  </View>,
+  <View
+    pointerEvents="box-none"
+    style={
+      Object {
+        "left": 0,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
+      }
+    }
+  >
+    <View
+      accessibilityElementsHidden={false}
+      importantForAccessibility="auto"
+      onLayout={[Function]}
+      pointerEvents="box-none"
+      style={
+        Object {
+          "left": 0,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        }
+      }
+    >
       <View
-        onLayout={[Function]}
-        pointerEvents="box-none"
+        pointerEvents="none"
         style={
-          Object {
-            "left": 0,
-            "position": "absolute",
-            "right": 0,
-            "top": 0,
+          Array [
+            Object {
+              "bottom": 0,
+              "left": 0,
+              "position": "absolute",
+              "right": 0,
+              "top": 0,
+            },
+            Object {
+              "opacity": undefined,
+            },
+          ]
+        }
+      >
+        <View
+          style={
+            Array [
+              Object {
+                "backgroundColor": "white",
+                "borderBottomColor": "#A7A7AA",
+                "borderBottomWidth": 0.5,
+                "flex": 1,
+              },
+              Object {},
+            ]
           }
+        />
+      </View>
+      <View
+        pointerEvents="box-none"
+        style={
+          Array [
+            Object {
+              "height": 64,
+              "maxHeight": undefined,
+              "minHeight": undefined,
+              "opacity": undefined,
+            },
+          ]
         }
       >
         <View
+          pointerEvents="none"
           style={
             Object {
-              "backgroundColor": "#FFF",
-              "transform": Array [
-                Object {
-                  "translateX": 0,
-                },
-              ],
+              "height": 20,
+            }
+          }
+        />
+        <View
+          pointerEvents="box-none"
+          style={
+            Object {
+              "alignItems": "center",
+              "flex": 1,
+              "flexDirection": "row",
+              "justifyContent": "center",
+              "paddingHorizontal": 4,
             }
           }
         >
           <View
-            onLayout={[Function]}
             pointerEvents="box-none"
             style={
-              Object {
-                "backgroundColor": "#FFF",
-                "borderBottomColor": "#A7A7AA",
-                "borderBottomWidth": 0.5,
-                "height": 64,
-                "paddingBottom": 0,
-                "paddingLeft": 0,
-                "paddingRight": 0,
-                "paddingTop": 20,
-              }
+              Array [
+                null,
+                Object {},
+                Object {
+                  "opacity": undefined,
+                },
+                undefined,
+              ]
             }
           >
-            <View
+            <Text
+              onLayout={[Function]}
               style={
-                Object {
-                  "flex": 1,
-                }
-              }
-            >
-              <View
-                style={
+                Array [
                   Object {
-                    "bottom": 0,
-                    "flexDirection": "row",
-                    "left": 0,
-                    "position": "absolute",
-                    "right": 0,
-                    "top": 0,
-                  }
-                }
-              >
-                <View
-                  pointerEvents="box-none"
-                  style={
+                    "color": "rgba(0, 0, 0, .9)",
+                    "fontSize": 17,
+                    "fontWeight": "600",
+                  },
+                  Array [
                     Object {
-                      "alignItems": "center",
-                      "backgroundColor": "transparent",
-                      "bottom": 0,
-                      "flexDirection": "row",
-                      "justifyContent": "center",
-                      "left": 0,
-                      "opacity": 1,
-                      "position": "absolute",
-                      "right": 0,
-                      "top": 0,
-                    }
-                  }
-                >
-                  <Text
-                    accessibilityTraits="header"
-                    allowFontScaling={false}
-                    numberOfLines={1}
-                    onLayout={[Function]}
-                    style={
-                      Object {
-                        "color": "rgba(0, 0, 0, .9)",
-                        "fontSize": 17,
-                        "fontWeight": "600",
-                        "marginHorizontal": 16,
-                        "textAlign": "center",
-                      }
-                    }
-                  />
-                </View>
-              </View>
-            </View>
+                      "color": undefined,
+                    },
+                    undefined,
+                  ],
+                ]
+              }
+            >
+              Sub
+            </Text>
           </View>
         </View>
       </View>
     </View>
-  </PanGestureHandler>
-</View>
+  </View>,
+]
 `;
 
 exports[`Nested navigators throw when trying to pass navigation prop 1`] = `"No \\"routes\\" found in navigation state. Did you try to pass the navigation prop of a React component to a Navigator child? See https://reactnavigation.org/docs/en/custom-navigators.html#navigator-navigation-prop"`;
diff --git a/src/navigators/__tests__/__snapshots__/StackNavigator.test.tsx.snap b/src/navigators/__tests__/__snapshots__/StackNavigator.test.tsx.snap
index 4a0b26519..4d7eec243 100644
--- a/src/navigators/__tests__/__snapshots__/StackNavigator.test.tsx.snap
+++ b/src/navigators/__tests__/__snapshots__/StackNavigator.test.tsx.snap
@@ -1,370 +1,608 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`StackNavigator applies correct values when headerRight is present 1`] = `
-<View
-  onLayout={[Function]}
-  style={
-    Object {
-      "flex": 1,
-    }
-  }
->
-  <PanGestureHandler
-    enabled={false}
-    hitSlop={
+Array [
+  <View
+    onLayout={[Function]}
+    style={
       Object {
-        "right": 50,
+        "flex": 1,
+        "overflow": "hidden",
       }
     }
-    maxDeltaY={20}
-    minOffsetX={5}
-    onGestureEvent={[Function]}
-    onHandlerStateChange={[Function]}
   >
     <View
+      pointerEvents="box-none"
       style={
         Object {
-          "backgroundColor": "#eee",
-          "flex": 1,
-          "flexDirection": "column-reverse",
-          "overflow": "hidden",
+          "bottom": 0,
+          "left": 0,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
         }
       }
     >
       <View
+        accessibilityElementsHidden={false}
+        closing={false}
+        importantForAccessibility="auto"
+        onClose={[Function]}
+        onGestureBegin={[Function]}
+        onGestureCanceled={[Function]}
+        onGestureEnd={[Function]}
+        onOpen={[Function]}
+        onTransitionStart={[Function]}
+        pointerEvents="box-none"
         style={
           Object {
-            "flex": 1,
+            "bottom": 0,
+            "left": 0,
+            "position": "absolute",
+            "right": 0,
+            "top": 0,
+          }
+        }
+        transitionSpec={
+          Object {
+            "close": Object {
+              "config": Object {
+                "damping": 500,
+                "mass": 3,
+                "overshootClamping": true,
+                "restDisplacementThreshold": 0.01,
+                "restSpeedThreshold": 0.01,
+                "stiffness": 1000,
+              },
+              "timing": "spring",
+            },
+            "open": Object {
+              "config": Object {
+                "damping": 500,
+                "mass": 3,
+                "overshootClamping": true,
+                "restDisplacementThreshold": 0.01,
+                "restSpeedThreshold": 0.01,
+                "stiffness": 1000,
+              },
+              "timing": "spring",
+            },
           }
         }
       >
         <View
-          pointerEvents="auto"
+          pointerEvents="box-none"
           style={
+            Array [
+              Object {
+                "flex": 1,
+              },
+              undefined,
+              Object {
+                "marginTop": 64,
+              },
+            ]
+          }
+        >
+          <PanGestureHandler
+            enabled={false}
+            hitSlop={
+              Object {
+                "right": -700,
+              }
+            }
+            maxDeltaY={20}
+            minOffsetX={5}
+          >
+            <View
+              style={
+                Array [
+                  Object {
+                    "flex": 1,
+                  },
+                  Object {
+                    "transform": Array [
+                      Object {
+                        "translateX": undefined,
+                      },
+                      Object {
+                        "translateX": 0,
+                      },
+                    ],
+                  },
+                ]
+              }
+            >
+              <View
+                pointerEvents="none"
+                style={
+                  Array [
+                    Object {
+                      "backgroundColor": "#fff",
+                      "position": "absolute",
+                      "shadowColor": "#000",
+                      "shadowOpacity": 0.3,
+                      "shadowRadius": 5,
+                    },
+                    Object {
+                      "bottom": 0,
+                      "left": 0,
+                      "shadowOffset": Object {
+                        "height": 1,
+                        "width": -1,
+                      },
+                      "top": 0,
+                      "width": 3,
+                    },
+                    Object {
+                      "shadowOpacity": undefined,
+                    },
+                  ]
+                }
+              />
+              <View
+                style={
+                  Array [
+                    Object {
+                      "flex": 1,
+                      "overflow": "hidden",
+                    },
+                    Object {
+                      "backgroundColor": "#eee",
+                    },
+                    undefined,
+                  ]
+                }
+              />
+            </View>
+          </PanGestureHandler>
+        </View>
+      </View>
+    </View>
+  </View>,
+  <View
+    pointerEvents="box-none"
+    style={
+      Object {
+        "left": 0,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
+      }
+    }
+  >
+    <View
+      accessibilityElementsHidden={false}
+      importantForAccessibility="auto"
+      onLayout={[Function]}
+      pointerEvents="box-none"
+      style={
+        Object {
+          "left": 0,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        }
+      }
+    >
+      <View
+        pointerEvents="none"
+        style={
+          Array [
             Object {
               "bottom": 0,
               "left": 0,
-              "opacity": 1,
-              "paddingTop": 64,
               "position": "absolute",
               "right": 0,
               "top": 0,
-              "transform": Array [
-                Object {
-                  "translateX": 0,
-                },
-                Object {
-                  "translateY": 0,
-                },
-              ],
+            },
+            Object {
+              "opacity": undefined,
+            },
+          ]
+        }
+      >
+        <View
+          style={
+            Array [
+              Object {
+                "backgroundColor": "white",
+                "borderBottomColor": "#A7A7AA",
+                "borderBottomWidth": 0.5,
+                "flex": 1,
+              },
+              Object {
+                "backgroundColor": "red",
+                "opacity": 0.5,
+              },
+            ]
+          }
+        />
+      </View>
+      <View
+        pointerEvents="box-none"
+        style={
+          Array [
+            Object {
+              "height": 64,
+              "maxHeight": undefined,
+              "minHeight": undefined,
+              "opacity": 0.5,
+            },
+          ]
+        }
+      >
+        <View
+          pointerEvents="none"
+          style={
+            Object {
+              "height": 20,
+            }
+          }
+        />
+        <View
+          pointerEvents="box-none"
+          style={
+            Object {
+              "alignItems": "center",
+              "flex": 1,
+              "flexDirection": "row",
+              "justifyContent": "center",
+              "paddingHorizontal": 4,
             }
           }
         >
           <View
-            accessibilityElementsHidden={false}
+            pointerEvents="box-none"
             style={
-              Object {
-                "backgroundColor": "#fff",
-                "flex": 1,
+              Array [
+                null,
+                Object {},
+                Object {
+                  "opacity": undefined,
+                },
+                undefined,
+              ]
+            }
+          >
+            <Text
+              onLayout={[Function]}
+              style={
+                Array [
+                  Object {
+                    "color": "rgba(0, 0, 0, .9)",
+                    "fontSize": 17,
+                    "fontWeight": "600",
+                  },
+                  Array [
+                    Object {
+                      "color": undefined,
+                    },
+                    undefined,
+                  ],
+                ]
               }
+            >
+              Welcome anonymous
+            </Text>
+          </View>
+          <View
+            pointerEvents="box-none"
+            style={
+              Array [
+                Object {
+                  "alignItems": "flex-end",
+                  "bottom": 0,
+                  "justifyContent": "center",
+                  "position": "absolute",
+                  "right": 0,
+                  "top": 0,
+                },
+                Object {
+                  "opacity": undefined,
+                },
+                undefined,
+              ]
             }
-          />
+          >
+            <View />
+          </View>
         </View>
       </View>
+    </View>
+  </View>,
+]
+`;
+
+exports[`StackNavigator renders successfully 1`] = `
+Array [
+  <View
+    onLayout={[Function]}
+    style={
+      Object {
+        "flex": 1,
+        "overflow": "hidden",
+      }
+    }
+  >
+    <View
+      pointerEvents="box-none"
+      style={
+        Object {
+          "bottom": 0,
+          "left": 0,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        }
+      }
+    >
       <View
-        onLayout={[Function]}
+        accessibilityElementsHidden={false}
+        closing={false}
+        importantForAccessibility="auto"
+        onClose={[Function]}
+        onGestureBegin={[Function]}
+        onGestureCanceled={[Function]}
+        onGestureEnd={[Function]}
+        onOpen={[Function]}
+        onTransitionStart={[Function]}
         pointerEvents="box-none"
         style={
           Object {
+            "bottom": 0,
             "left": 0,
             "position": "absolute",
             "right": 0,
             "top": 0,
           }
         }
+        transitionSpec={
+          Object {
+            "close": Object {
+              "config": Object {
+                "damping": 500,
+                "mass": 3,
+                "overshootClamping": true,
+                "restDisplacementThreshold": 0.01,
+                "restSpeedThreshold": 0.01,
+                "stiffness": 1000,
+              },
+              "timing": "spring",
+            },
+            "open": Object {
+              "config": Object {
+                "damping": 500,
+                "mass": 3,
+                "overshootClamping": true,
+                "restDisplacementThreshold": 0.01,
+                "restSpeedThreshold": 0.01,
+                "stiffness": 1000,
+              },
+              "timing": "spring",
+            },
+          }
+        }
       >
         <View
+          pointerEvents="box-none"
           style={
-            Object {
-              "backgroundColor": "red",
-              "transform": Array [
-                Object {
-                  "translateX": 0,
-                },
-              ],
-            }
+            Array [
+              Object {
+                "flex": 1,
+              },
+              undefined,
+              Object {
+                "marginTop": 64,
+              },
+            ]
           }
         >
-          <View
-            onLayout={[Function]}
-            pointerEvents="box-none"
-            style={
+          <PanGestureHandler
+            enabled={false}
+            hitSlop={
               Object {
-                "backgroundColor": "red",
-                "borderBottomColor": "#A7A7AA",
-                "borderBottomWidth": 0.5,
-                "height": 64,
-                "opacity": 0.5,
-                "paddingBottom": 0,
-                "paddingLeft": 0,
-                "paddingRight": 0,
-                "paddingTop": 20,
+                "right": -700,
               }
             }
+            maxDeltaY={20}
+            minOffsetX={5}
           >
             <View
               style={
-                Object {
-                  "flex": 1,
-                }
+                Array [
+                  Object {
+                    "flex": 1,
+                  },
+                  Object {
+                    "transform": Array [
+                      Object {
+                        "translateX": undefined,
+                      },
+                      Object {
+                        "translateX": 0,
+                      },
+                    ],
+                  },
+                ]
               }
             >
               <View
+                pointerEvents="none"
                 style={
-                  Object {
-                    "bottom": 0,
-                    "flexDirection": "row",
-                    "left": 0,
-                    "position": "absolute",
-                    "right": 0,
-                    "top": 0,
-                  }
-                }
-              >
-                <View
-                  pointerEvents="box-none"
-                  style={
+                  Array [
                     Object {
-                      "alignItems": "center",
-                      "backgroundColor": "transparent",
-                      "bottom": 0,
-                      "flexDirection": "row",
-                      "justifyContent": "center",
-                      "left": 70,
-                      "opacity": 1,
+                      "backgroundColor": "#fff",
                       "position": "absolute",
-                      "right": 70,
-                      "top": 0,
-                    }
-                  }
-                >
-                  <Text
-                    accessibilityTraits="header"
-                    allowFontScaling={false}
-                    numberOfLines={1}
-                    onLayout={[Function]}
-                    style={
-                      Object {
-                        "color": "rgba(0, 0, 0, .9)",
-                        "fontSize": 17,
-                        "fontWeight": "600",
-                        "marginHorizontal": 16,
-                        "textAlign": "center",
-                      }
-                    }
-                  >
-                    Welcome anonymous
-                  </Text>
-                </View>
-                <View
-                  pointerEvents="box-none"
-                  style={
+                      "shadowColor": "#000",
+                      "shadowOpacity": 0.3,
+                      "shadowRadius": 5,
+                    },
                     Object {
-                      "alignItems": "center",
-                      "backgroundColor": "transparent",
                       "bottom": 0,
-                      "flexDirection": "row",
-                      "opacity": 1,
-                      "position": "absolute",
-                      "right": 0,
+                      "left": 0,
+                      "shadowOffset": Object {
+                        "height": 1,
+                        "width": -1,
+                      },
                       "top": 0,
-                    }
-                  }
-                >
-                  <View />
-                </View>
-              </View>
+                      "width": 3,
+                    },
+                    Object {
+                      "shadowOpacity": undefined,
+                    },
+                  ]
+                }
+              />
+              <View
+                style={
+                  Array [
+                    Object {
+                      "flex": 1,
+                      "overflow": "hidden",
+                    },
+                    Object {
+                      "backgroundColor": "#eee",
+                    },
+                    undefined,
+                  ]
+                }
+              />
             </View>
-          </View>
+          </PanGestureHandler>
         </View>
       </View>
     </View>
-  </PanGestureHandler>
-</View>
-`;
-
-exports[`StackNavigator renders successfully 1`] = `
-<View
-  onLayout={[Function]}
-  style={
-    Object {
-      "flex": 1,
-    }
-  }
->
-  <PanGestureHandler
-    enabled={false}
-    hitSlop={
+  </View>,
+  <View
+    pointerEvents="box-none"
+    style={
       Object {
-        "right": 50,
+        "left": 0,
+        "position": "absolute",
+        "right": 0,
+        "top": 0,
       }
     }
-    maxDeltaY={20}
-    minOffsetX={5}
-    onGestureEvent={[Function]}
-    onHandlerStateChange={[Function]}
   >
     <View
+      accessibilityElementsHidden={false}
+      importantForAccessibility="auto"
+      onLayout={[Function]}
+      pointerEvents="box-none"
       style={
         Object {
-          "backgroundColor": "#eee",
-          "flex": 1,
-          "flexDirection": "column-reverse",
-          "overflow": "hidden",
+          "left": 0,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
         }
       }
     >
       <View
+        pointerEvents="none"
         style={
-          Object {
-            "flex": 1,
-          }
-        }
-      >
-        <View
-          pointerEvents="auto"
-          style={
+          Array [
             Object {
               "bottom": 0,
               "left": 0,
-              "opacity": 1,
-              "paddingTop": 64,
               "position": "absolute",
               "right": 0,
               "top": 0,
-              "transform": Array [
-                Object {
-                  "translateX": 0,
-                },
-                Object {
-                  "translateY": 0,
-                },
-              ],
-            }
-          }
-        >
-          <View
-            accessibilityElementsHidden={false}
-            style={
+            },
+            Object {
+              "opacity": undefined,
+            },
+          ]
+        }
+      >
+        <View
+          style={
+            Array [
               Object {
-                "backgroundColor": "#fff",
+                "backgroundColor": "white",
+                "borderBottomColor": "#A7A7AA",
+                "borderBottomWidth": 0.5,
                 "flex": 1,
-              }
-            }
-          />
-        </View>
+              },
+              Object {
+                "backgroundColor": "red",
+                "opacity": 0.5,
+              },
+            ]
+          }
+        />
       </View>
       <View
-        onLayout={[Function]}
         pointerEvents="box-none"
         style={
-          Object {
-            "left": 0,
-            "position": "absolute",
-            "right": 0,
-            "top": 0,
-          }
+          Array [
+            Object {
+              "height": 64,
+              "maxHeight": undefined,
+              "minHeight": undefined,
+              "opacity": 0.5,
+            },
+          ]
         }
       >
         <View
+          pointerEvents="none"
           style={
             Object {
-              "backgroundColor": "red",
-              "transform": Array [
-                Object {
-                  "translateX": 0,
-                },
-              ],
+              "height": 20,
+            }
+          }
+        />
+        <View
+          pointerEvents="box-none"
+          style={
+            Object {
+              "alignItems": "center",
+              "flex": 1,
+              "flexDirection": "row",
+              "justifyContent": "center",
+              "paddingHorizontal": 4,
             }
           }
         >
           <View
-            onLayout={[Function]}
             pointerEvents="box-none"
             style={
-              Object {
-                "backgroundColor": "red",
-                "borderBottomColor": "#A7A7AA",
-                "borderBottomWidth": 0.5,
-                "height": 64,
-                "opacity": 0.5,
-                "paddingBottom": 0,
-                "paddingLeft": 0,
-                "paddingRight": 0,
-                "paddingTop": 20,
-              }
+              Array [
+                null,
+                Object {},
+                Object {
+                  "opacity": undefined,
+                },
+                undefined,
+              ]
             }
           >
-            <View
+            <Text
+              onLayout={[Function]}
               style={
-                Object {
-                  "flex": 1,
-                }
-              }
-            >
-              <View
-                style={
+                Array [
                   Object {
-                    "bottom": 0,
-                    "flexDirection": "row",
-                    "left": 0,
-                    "position": "absolute",
-                    "right": 0,
-                    "top": 0,
-                  }
-                }
-              >
-                <View
-                  pointerEvents="box-none"
-                  style={
+                    "color": "rgba(0, 0, 0, .9)",
+                    "fontSize": 17,
+                    "fontWeight": "600",
+                  },
+                  Array [
                     Object {
-                      "alignItems": "center",
-                      "backgroundColor": "transparent",
-                      "bottom": 0,
-                      "flexDirection": "row",
-                      "justifyContent": "center",
-                      "left": 0,
-                      "opacity": 1,
-                      "position": "absolute",
-                      "right": 0,
-                      "top": 0,
-                    }
-                  }
-                >
-                  <Text
-                    accessibilityTraits="header"
-                    allowFontScaling={false}
-                    numberOfLines={1}
-                    onLayout={[Function]}
-                    style={
-                      Object {
-                        "color": "rgba(0, 0, 0, .9)",
-                        "fontSize": 17,
-                        "fontWeight": "600",
-                        "marginHorizontal": 16,
-                        "textAlign": "center",
-                      }
-                    }
-                  >
-                    Welcome anonymous
-                  </Text>
-                </View>
-              </View>
-            </View>
+                      "color": undefined,
+                    },
+                    undefined,
+                  ],
+                ]
+              }
+            >
+              Welcome anonymous
+            </Text>
           </View>
         </View>
       </View>
     </View>
-  </PanGestureHandler>
-</View>
+  </View>,
+]
 `;
diff --git a/src/navigators/createStackNavigator.tsx b/src/navigators/createStackNavigator.tsx
index 29aab4412..9d598c334 100644
--- a/src/navigators/createStackNavigator.tsx
+++ b/src/navigators/createStackNavigator.tsx
@@ -1,7 +1,7 @@
 import { StackRouter, createNavigator } from '@react-navigation/core';
 import { createKeyboardAwareNavigator } from '@react-navigation/native';
 import { Platform } from 'react-native';
-import StackView from '../views/StackView/StackView';
+import StackView from '../views/Stack/StackView';
 import { NavigationStackOptions, NavigationProp, Screen } from '../types';
 
 function createStackNavigator(
diff --git a/src/types.tsx b/src/types.tsx
index fd9a9a411..51b7fe8f3 100644
--- a/src/types.tsx
+++ b/src/types.tsx
@@ -1,20 +1,16 @@
-import { Animated, StyleProp, TextStyle, ViewStyle } from 'react-native';
-import { SafeAreaView } from '@react-navigation/native';
+import {
+  StyleProp,
+  TextStyle,
+  ViewStyle,
+  LayoutChangeEvent,
+} from 'react-native';
+import Animated from 'react-native-reanimated';
 
 export type Route = {
   key: string;
   routeName: string;
 };
 
-export type Scene = {
-  key: string;
-  index: number;
-  isStale: boolean;
-  isActive: boolean;
-  route: Route;
-  descriptor: SceneDescriptor;
-};
-
 export type NavigationEventName =
   | 'willFocus'
   | 'didFocus'
@@ -25,7 +21,10 @@ export type NavigationState = {
   key: string;
   index: number;
   routes: Route[];
-  isTransitioning?: boolean;
+  transitions: {
+    pushing: string[];
+    popping: string[];
+  };
   params?: { [key: string]: unknown };
 };
 
@@ -42,48 +41,27 @@ export type NavigationProp<RouteName = string, Params = object> = {
   setParams(params: Params): void;
   getParam(): Params;
   dispatch(action: { type: string }): void;
+  isFirstRouteInParent(): boolean;
   dangerouslyGetParent(): NavigationProp | undefined;
 };
 
-export type HeaderMode = 'float' | 'screen';
+export type Layout = { width: number; height: number };
 
-export type HeaderLayoutPreset = 'left' | 'center';
+export type GestureDirection = 'horizontal' | 'vertical';
 
-export type HeaderTransitionPreset = 'fade-in-place' | 'uikit';
+export type HeaderMode = 'float' | 'screen' | 'none';
 
-export type HeaderBackgroundTransitionPreset = 'translate' | 'fade';
+export type HeaderScene<T> = {
+  route: T;
+  descriptor: SceneDescriptor;
+  progress: {
+    current: Animated.Node<number>;
+    next?: Animated.Node<number>;
+    previous?: Animated.Node<number>;
+  };
+};
 
-export type HeaderProps = {
-  mode: HeaderMode;
-  position: Animated.Value;
-  navigation: NavigationProp;
-  layout: TransitionerLayout;
-  scene: Scene;
-  scenes: Scene[];
-  layoutPreset: HeaderLayoutPreset;
-  transitionPreset?: HeaderTransitionPreset;
-  backTitleVisible?: boolean;
-  leftInterpolator: (props: SceneInterpolatorProps) => any;
-  titleInterpolator: (props: SceneInterpolatorProps) => any;
-  rightInterpolator: (props: SceneInterpolatorProps) => any;
-  backgroundInterpolator: (props: SceneInterpolatorProps) => any;
-  isLandscape: boolean;
-};
-
-export type HeaderTransitionConfig = {
-  headerLeftInterpolator: SceneInterpolator;
-  headerLeftLabelInterpolator: SceneInterpolator;
-  headerLeftButtonInterpolator: SceneInterpolator;
-  headerTitleFromLeftInterpolator: SceneInterpolator;
-  headerTitleInterpolator: SceneInterpolator;
-  headerRightInterpolator: SceneInterpolator;
-  headerBackgroundInterpolator: SceneInterpolator;
-  headerLayoutInterpolator: SceneInterpolator;
-};
-
-export type NavigationStackOptions = {
-  title?: string;
-  header?: (props: HeaderProps) => React.ReactNode;
+export type HeaderOptions = {
   headerTitle?: string;
   headerTitleStyle?: StyleProp<TextStyle>;
   headerTitleContainerStyle?: StyleProp<ViewStyle>;
@@ -92,45 +70,51 @@ export type NavigationStackOptions = {
   headerBackAllowFontScaling?: boolean;
   headerBackTitle?: string;
   headerBackTitleStyle?: StyleProp<TextStyle>;
+  headerBackTitleVisible?: boolean;
   headerTruncatedBackTitle?: string;
-  headerLeft?: React.FunctionComponent<HeaderBackbuttonProps>;
+  headerLeft?: (props: HeaderBackButtonProps) => React.ReactNode;
   headerLeftContainerStyle?: StyleProp<ViewStyle>;
-  headerRight?: (() => React.ReactNode) | React.ReactNode;
+  headerRight?: (props: { tintColor?: string }) => React.ReactNode;
   headerRightContainerStyle?: StyleProp<ViewStyle>;
-  headerBackImage?: React.FunctionComponent<{
-    tintColor: string;
-    title?: string | null;
-  }>;
+  headerBackImage?: HeaderBackButtonProps['backImage'];
   headerPressColorAndroid?: string;
-  headerBackground?: string;
-  headerTransparent?: boolean;
+  headerBackground?: () => React.ReactNode;
   headerStyle?: StyleProp<ViewStyle>;
-  headerForceInset?: React.ComponentProps<typeof SafeAreaView>['forceInset'];
-  gesturesEnabled?: boolean;
-  gestureDirection?: 'inverted' | 'normal';
-  gestureResponseDistance?: {
-    vertical: number;
-    horizontal: number;
-  };
-  disableKeyboardHandling?: boolean;
+  headerStatusBarHeight?: number;
+  headerTransparent?: boolean;
 };
 
+export type HeaderProps = {
+  mode: 'float' | 'screen';
+  layout: Layout;
+  scene: HeaderScene<Route>;
+  previous?: HeaderScene<Route>;
+  navigation: NavigationProp;
+  styleInterpolator: HeaderStyleInterpolator;
+};
+
+export type NavigationStackOptions = HeaderOptions &
+  Partial<TransitionPreset> & {
+    title?: string;
+    header?: null | ((props: HeaderProps) => React.ReactNode);
+    cardShadowEnabled?: boolean;
+    cardOverlayEnabled?: boolean;
+    cardTransparent?: boolean;
+    cardStyle?: StyleProp<ViewStyle>;
+    animationEnabled?: boolean;
+    gesturesEnabled?: boolean;
+    gestureResponseDistance?: {
+      vertical?: number;
+      horizontal?: number;
+    };
+    disableKeyboardHandling?: boolean;
+    onTransitionStart?: () => void;
+    onTransitionEnd?: () => void;
+  };
+
 export type NavigationConfig = {
   mode: 'card' | 'modal';
   headerMode: HeaderMode;
-  headerLayoutPreset: HeaderLayoutPreset;
-  headerTransitionPreset: HeaderTransitionPreset;
-  headerBackgroundTransitionPreset: HeaderBackgroundTransitionPreset;
-  headerBackTitleVisible?: boolean;
-  cardShadowEnabled?: boolean;
-  cardOverlayEnabled?: boolean;
-  onTransitionStart?: () => void;
-  onTransitionEnd?: () => void;
-  transitionConfig: (
-    transitionProps: TransitionProps,
-    prevTransitionProps?: TransitionProps,
-    isModal?: boolean
-  ) => HeaderTransitionConfig;
 };
 
 export type SceneDescriptor = {
@@ -140,62 +124,99 @@ export type SceneDescriptor = {
   getComponent(): React.ComponentType;
 };
 
-export type HeaderBackbuttonProps = {
+export type HeaderBackButtonProps = {
   disabled?: boolean;
   onPress: () => void;
   pressColorAndroid?: string;
-  tintColor: string;
-  backImage?: NavigationStackOptions['headerBackImage'];
-  title?: string | null;
-  truncatedTitle?: string | null;
-  backTitleVisible?: boolean;
+  backImage?: (props: { tintColor: string }) => React.ReactNode;
+  tintColor?: string;
+  label?: string;
+  truncatedLabel?: string;
+  labelVisible?: boolean;
+  labelStyle?: React.ComponentProps<typeof Animated.Text>['style'];
   allowFontScaling?: boolean;
-  titleStyle?: StyleProp<TextStyle>;
-  layoutPreset: HeaderLayoutPreset;
-  width?: number;
-  scene: Scene;
-};
-
-export type SceneInterpolatorProps = {
-  mode?: HeaderMode;
-  layout: TransitionerLayout;
-  scene: Scene;
-  scenes: Scene[];
-  position: Animated.AnimatedInterpolation;
-  navigation: NavigationProp;
-  shadowEnabled?: boolean;
-  cardOverlayEnabled?: boolean;
+  onLabelLayout?: (e: LayoutChangeEvent) => void;
+  screenLayout?: Layout;
+  titleLayout?: Layout;
 };
 
-export type SceneInterpolator = (props: SceneInterpolatorProps) => any;
+export type Screen = React.ComponentType<any> & {
+  navigationOptions?: NavigationStackOptions & {
+    [key: string]: any;
+  };
+};
 
-export type TransitionerLayout = {
-  height: Animated.Value;
-  width: Animated.Value;
-  initHeight: number;
-  initWidth: number;
-  isMeasured: boolean;
+export type SpringConfig = {
+  damping: number;
+  mass: number;
+  stiffness: number;
+  restSpeedThreshold: number;
+  restDisplacementThreshold: number;
+  overshootClamping: boolean;
 };
 
-export type TransitionProps = {
-  layout: TransitionerLayout;
-  navigation: NavigationProp;
-  position: Animated.Value;
-  scenes: Scene[];
-  scene: Scene;
+export type TimingConfig = {
+  duration: number;
+  easing: Animated.EasingFunction;
+};
+
+export type TransitionSpec =
+  | { timing: 'spring'; config: SpringConfig }
+  | { timing: 'timing'; config: TimingConfig };
+
+export type CardInterpolationProps = {
   index: number;
+  progress: {
+    current: Animated.Node<number>;
+    next?: Animated.Node<number>;
+  };
+  closing: Animated.Node<0 | 1>;
+  layouts: {
+    screen: Layout;
+  };
 };
 
-export type TransitionConfig = {
-  transitionSpec: {
-    timing: Function;
+export type CardInterpolatedStyle = {
+  containerStyle?: any;
+  cardStyle?: any;
+  overlayStyle?: any;
+  shadowStyle?: any;
+};
+
+export type CardStyleInterpolator = (
+  props: CardInterpolationProps
+) => CardInterpolatedStyle;
+
+export type HeaderInterpolationProps = {
+  progress: {
+    current: Animated.Node<number>;
+    next?: Animated.Node<number>;
+  };
+  layouts: {
+    screen: Layout;
+    title?: Layout;
+    leftLabel?: Layout;
   };
-  screenInterpolator: SceneInterpolator;
-  containerStyle?: StyleProp<ViewStyle>;
 };
 
-export type Screen = React.ComponentType<any> & {
-  navigationOptions?: NavigationStackOptions & {
-    [key: string]: any;
+export type HeaderInterpolatedStyle = {
+  leftLabelStyle?: any;
+  leftButtonStyle?: any;
+  rightButtonStyle?: any;
+  titleStyle?: any;
+  backgroundStyle?: any;
+};
+
+export type HeaderStyleInterpolator = (
+  props: HeaderInterpolationProps
+) => HeaderInterpolatedStyle;
+
+export type TransitionPreset = {
+  direction: GestureDirection;
+  transitionSpec: {
+    open: TransitionSpec;
+    close: TransitionSpec;
   };
+  cardStyleInterpolator: CardStyleInterpolator;
+  headerStyleInterpolator: HeaderStyleInterpolator;
 };
diff --git a/src/utils/ReactNativeFeatures.tsx b/src/utils/ReactNativeFeatures.tsx
deleted file mode 100644
index fb6481b42..000000000
--- a/src/utils/ReactNativeFeatures.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { NativeModules } from 'react-native';
-
-const { PlatformConstants } = NativeModules;
-
-export const supportsImprovedSpringAnimation = () => {
-  if (PlatformConstants && PlatformConstants.reactNativeVersion) {
-    const { major, minor } = PlatformConstants.reactNativeVersion;
-    return minor >= 50 || (major === 0 && minor === 0); // `master` has major + minor set to 0
-  }
-  return false;
-};
diff --git a/src/utils/StackGestureContext.tsx b/src/utils/StackGestureContext.tsx
index 2cc0f2d5b..61618d6af 100644
--- a/src/utils/StackGestureContext.tsx
+++ b/src/utils/StackGestureContext.tsx
@@ -1,4 +1,6 @@
 import * as React from 'react';
 import { PanGestureHandler } from 'react-native-gesture-handler';
 
-export default React.createContext<React.Ref<PanGestureHandler> | null>(null);
+export default React.createContext<React.Ref<PanGestureHandler> | undefined>(
+  undefined
+);
diff --git a/src/utils/clamp.tsx b/src/utils/clamp.tsx
deleted file mode 100644
index e5c5e85ae..000000000
--- a/src/utils/clamp.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-export default function clamp(min: number, value: number, max: number) {
-  if (value < min) {
-    return min;
-  }
-  if (value > max) {
-    return max;
-  }
-  return value;
-}
diff --git a/src/utils/getSceneIndicesForInterpolationInputRange.tsx b/src/utils/getSceneIndicesForInterpolationInputRange.tsx
deleted file mode 100644
index 1afa4104c..000000000
--- a/src/utils/getSceneIndicesForInterpolationInputRange.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { Scene } from '../types';
-
-type Props = {
-  scene: Scene;
-  scenes: Scene[];
-};
-
-function getSceneIndicesForInterpolationInputRange(props: Props) {
-  const { scene, scenes } = props;
-  const index = scene.index;
-  const lastSceneIndexInScenes = scenes.length - 1;
-  const isBack = !scenes[lastSceneIndexInScenes].isActive;
-
-  if (isBack) {
-    const currentSceneIndexInScenes = scenes.findIndex(item => item === scene);
-    const targetSceneIndexInScenes = scenes.findIndex(item => item.isActive);
-    const targetSceneIndex = scenes[targetSceneIndexInScenes].index;
-    const lastSceneIndex = scenes[lastSceneIndexInScenes].index;
-
-    if (
-      index !== targetSceneIndex &&
-      currentSceneIndexInScenes === lastSceneIndexInScenes
-    ) {
-      return {
-        first: Math.min(targetSceneIndex, index - 1),
-        last: index + 1,
-      };
-    } else if (
-      index === targetSceneIndex &&
-      currentSceneIndexInScenes === targetSceneIndexInScenes
-    ) {
-      return {
-        first: index - 1,
-        last: Math.max(lastSceneIndex, index + 1),
-      };
-    } else if (
-      index === targetSceneIndex ||
-      currentSceneIndexInScenes > targetSceneIndexInScenes
-    ) {
-      return null;
-    } else {
-      return { first: index - 1, last: index + 1 };
-    }
-  } else {
-    return { first: index - 1, last: index + 1 };
-  }
-}
-
-export default getSceneIndicesForInterpolationInputRange;
diff --git a/src/utils/memoize.tsx b/src/utils/memoize.tsx
new file mode 100644
index 000000000..6d5e22aff
--- /dev/null
+++ b/src/utils/memoize.tsx
@@ -0,0 +1,33 @@
+export default function memoize<Result, Deps extends ReadonlyArray<any>>(
+  callback: (...deps: Deps) => Result
+) {
+  let previous: Deps | undefined;
+  let result: Result | undefined;
+
+  return (...dependencies: Deps): Result => {
+    let hasChanged = false;
+
+    if (previous) {
+      if (previous.length !== dependencies.length) {
+        hasChanged = true;
+      } else {
+        for (let i = 0; i < previous.length; i++) {
+          if (previous[i] !== dependencies[i]) {
+            hasChanged = true;
+            break;
+          }
+        }
+      }
+    } else {
+      hasChanged = true;
+    }
+
+    previous = dependencies;
+
+    if (hasChanged || result === undefined) {
+      result = callback(...dependencies);
+    }
+
+    return result;
+  };
+}
diff --git a/src/utils/shallowEqual.tsx b/src/utils/shallowEqual.tsx
deleted file mode 100644
index 31425961b..000000000
--- a/src/utils/shallowEqual.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-const hasOwnProperty = Object.prototype.hasOwnProperty;
-
-/**
- * inlined Object.is polyfill to avoid requiring consumers ship their own
- * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
- */
-function is(x: any, y: any) {
-  // SameValue algorithm
-  if (x === y) {
-    // Steps 1-5, 7-10
-    // Steps 6.b-6.e: +0 != -0
-    // Added the nonzero y check to make Flow happy, but it is redundant
-    return x !== 0 || y !== 0 || 1 / x === 1 / y;
-  } else {
-    // Step 6.a: NaN == NaN
-    return x !== x && y !== y;
-  }
-}
-
-/**
- * Performs equality by iterating through keys on an object and returning false
- * when any key has values which are not strictly equal between the arguments.
- * Returns true when the values of all keys are strictly equal.
- */
-function shallowEqual(objA: any, objB: any) {
-  if (is(objA, objB)) {
-    return true;
-  }
-  if (
-    typeof objA !== 'object' ||
-    objA === null ||
-    typeof objB !== 'object' ||
-    objB === null
-  ) {
-    return false;
-  }
-
-  const keysA = Object.keys(objA);
-  const keysB = Object.keys(objB);
-
-  if (keysA.length !== keysB.length) {
-    return false;
-  }
-
-  // Test for A's keys different from B.
-  for (let i = 0; i < keysA.length; i++) {
-    if (
-      !hasOwnProperty.call(objB, keysA[i]) ||
-      !is(objA[keysA[i]], objB[keysA[i]])
-    ) {
-      return false;
-    }
-  }
-
-  return true;
-}
-
-export default shallowEqual;
diff --git a/src/views/Header/BackButtonWeb.tsx b/src/views/Header/BackButtonWeb.tsx
deleted file mode 100644
index 186a989e3..000000000
--- a/src/views/Header/BackButtonWeb.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import * as React from 'react';
-
-type Props = {
-  tintColor: string;
-};
-
-export default function BackButton({ tintColor }: Props) {
-  return (
-    <svg width="24px" height="24px" viewBox="0 0 24 24">
-      <path
-        fill={tintColor}
-        d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
-      />
-    </svg>
-  );
-}
diff --git a/src/views/Header/Header.tsx b/src/views/Header/Header.tsx
index 630e8490b..aa472da6c 100644
--- a/src/views/Header/Header.tsx
+++ b/src/views/Header/Header.tsx
@@ -1,820 +1,57 @@
 import * as React from 'react';
+import { StackActions } from '@react-navigation/core';
+import HeaderSegment from './HeaderSegment';
+import { HeaderProps } from '../../types';
 
-import {
-  Animated,
-  Image,
-  Platform,
-  StyleSheet,
-  View,
-  I18nManager,
-  MaskedViewIOS,
-  ViewStyle,
-  LayoutChangeEvent,
-  StyleProp,
-} from 'react-native';
-
-import { withOrientation, SafeAreaView } from '@react-navigation/native';
-
-import HeaderTitle from './HeaderTitle';
-import HeaderBackButton from './HeaderBackButton';
-import ModularHeaderBackButton from './ModularHeaderBackButton';
-import HeaderStyleInterpolator from './HeaderStyleInterpolator';
-import {
-  Scene,
-  HeaderLayoutPreset,
-  SceneInterpolatorProps,
-  HeaderProps,
-} from '../../types';
-
-type Props = HeaderProps & {
-  leftLabelInterpolator: (props: SceneInterpolatorProps) => any;
-  leftButtonInterpolator: (props: SceneInterpolatorProps) => any;
-  titleFromLeftInterpolator: (props: SceneInterpolatorProps) => any;
-  layoutInterpolator: (props: SceneInterpolatorProps) => any;
-};
-
-type SubviewProps = {
-  position: Animated.AnimatedInterpolation;
-  scene: Scene;
-  style?: StyleProp<ViewStyle>;
-};
-
-type SubviewName = 'left' | 'right' | 'title' | 'background';
-
-type State = {
-  widths: { [key: string]: number };
-};
-
-const APPBAR_HEIGHT = Platform.select({
-  ios: 44,
-  android: 56,
-  default: 64,
-});
-const STATUSBAR_HEIGHT = Platform.select({
-  ios: 20,
-  default: 0,
-});
-
-// These can be adjusted by using headerTitleContainerStyle on navigationOptions
-const TITLE_OFFSET_CENTER_ALIGN = Platform.select({
-  ios: 70,
-  default: 56,
-});
-
-const TITLE_OFFSET_LEFT_ALIGN = Platform.select({
-  ios: 20,
-  android: 56,
-  default: 64,
-});
-
-const getTitleOffsets = (
-  layoutPreset: HeaderLayoutPreset,
-  hasLeftComponent: boolean,
-  hasRightComponent: boolean
-): ViewStyle | undefined => {
-  if (layoutPreset === 'left') {
-    // Maybe at some point we should do something different if the back title is
-    // explicitly enabled, for now people can control it manually
-
-    let style = {
-      left: TITLE_OFFSET_LEFT_ALIGN,
-      right: TITLE_OFFSET_LEFT_ALIGN,
-    };
-
-    if (!hasLeftComponent) {
-      style.left = Platform.OS === 'web' ? 16 : 0;
-    }
-    if (!hasRightComponent) {
-      style.right = 0;
-    }
-
-    return style;
-  } else if (layoutPreset === 'center') {
-    let style = {
-      left: TITLE_OFFSET_CENTER_ALIGN,
-      right: TITLE_OFFSET_CENTER_ALIGN,
-    };
-    if (!hasLeftComponent && !hasRightComponent) {
-      style.left = 0;
-      style.right = 0;
-    }
-
-    return style;
-  }
-
-  return undefined;
-};
-
-const getAppBarHeight = (isLandscape: boolean) => {
-  if (Platform.OS === 'ios') {
-    // @ts-ignore
-    if (isLandscape && !Platform.isPad) {
-      return 32;
-    } else {
-      return 44;
-    }
-  } else if (Platform.OS === 'android') {
-    return 56;
-  } else {
-    return 64;
-  }
-};
-
-class Header extends React.PureComponent<Props, State> {
-  static get HEIGHT() {
-    return APPBAR_HEIGHT + STATUSBAR_HEIGHT;
-  }
-
-  static defaultProps = {
-    layoutInterpolator: HeaderStyleInterpolator.forLayout,
-    leftInterpolator: HeaderStyleInterpolator.forLeft,
-    leftButtonInterpolator: HeaderStyleInterpolator.forLeftButton,
-    leftLabelInterpolator: HeaderStyleInterpolator.forLeftLabel,
-    titleFromLeftInterpolator: HeaderStyleInterpolator.forCenterFromLeft,
-    titleInterpolator: HeaderStyleInterpolator.forCenter,
-    rightInterpolator: HeaderStyleInterpolator.forRight,
-    backgroundInterpolator: HeaderStyleInterpolator.forBackground,
-  };
-
-  state: State = {
-    widths: {},
-  };
-
-  private getHeaderTitleString(scene: Scene) {
-    const options = scene.descriptor.options;
-    if (typeof options.headerTitle === 'string') {
-      return options.headerTitle;
-    }
-
-    if (options.title && typeof options.title !== 'string' && __DEV__) {
-      throw new Error(
-        `Invalid title for route "${
-          scene.route.routeName
-        }" - title must be string or null, instead it was of type ${typeof options.title}`
-      );
-    }
-
-    return options.title;
-  }
-
-  private getLastScene(scene: Scene) {
-    return this.props.scenes.find(s => s.index === scene.index - 1);
-  }
-
-  private getBackButtonTitleString(scene: Scene) {
-    const lastScene = this.getLastScene(scene);
-    if (!lastScene) {
-      return null;
-    }
-    const { headerBackTitle } = lastScene.descriptor.options;
-    if (headerBackTitle || headerBackTitle === null) {
-      return headerBackTitle;
-    }
-    return this.getHeaderTitleString(lastScene);
-  }
-
-  private getTruncatedBackButtonTitle(scene: Scene) {
-    const lastScene = this.getLastScene(scene);
-    if (!lastScene) {
-      return null;
-    }
-    return lastScene.descriptor.options.headerTruncatedBackTitle;
-  }
-
-  private renderTitleComponent = (props: SubviewProps) => {
-    const { layoutPreset } = this.props;
-    const { options } = props.scene.descriptor;
-    const headerTitle = options.headerTitle;
-    if (React.isValidElement(headerTitle)) {
-      return headerTitle;
-    }
-    const titleString = this.getHeaderTitleString(props.scene);
-
-    const titleStyle = options.headerTitleStyle;
-    const color = options.headerTintColor;
-    const allowFontScaling = options.headerTitleAllowFontScaling;
-
-    // When title is centered, the width of left/right components depends on the
-    // calculated size of the title.
-    const onLayout =
-      layoutPreset === 'center'
-        ? (e: LayoutChangeEvent) => {
-            const { width } = e.nativeEvent.layout;
-
-            this.setState(state => ({
-              widths: {
-                ...state.widths,
-                [props.scene.key]: width,
-              },
-            }));
-          }
-        : undefined;
-
-    const HeaderTitleComponent =
-      headerTitle && typeof headerTitle !== 'string'
-        ? headerTitle
-        : HeaderTitle;
-    return (
-      <HeaderTitleComponent
-        onLayout={onLayout}
-        allowFontScaling={!!allowFontScaling}
-        style={[
-          color ? { color } : null,
-          layoutPreset === 'center'
-            ? // eslint-disable-next-line react-native/no-inline-styles
-              { textAlign: 'center' }
-            : // eslint-disable-next-line react-native/no-inline-styles
-              { textAlign: 'left' },
-          titleStyle,
-        ]}
-      >
-        {titleString}
-      </HeaderTitleComponent>
-    );
-  };
-
-  private renderLeftComponent = (props: SubviewProps) => {
-    const { options } = props.scene.descriptor;
-    if (
-      React.isValidElement(options.headerLeft) ||
-      options.headerLeft === null
-    ) {
-      return options.headerLeft;
-    }
-
-    if (!options.headerLeft && props.scene.index === 0) {
-      return;
-    }
-
-    const backButtonTitle = this.getBackButtonTitleString(props.scene);
-    const truncatedBackButtonTitle = this.getTruncatedBackButtonTitle(
-      props.scene
-    );
-    const width = this.state.widths[props.scene.key]
-      ? (this.props.layout.initWidth - this.state.widths[props.scene.key]) / 2
-      : undefined;
-    const RenderedLeftComponent = options.headerLeft || HeaderBackButton;
-    const goBack = () => {
-      // Go back on next tick because button ripple effect needs to happen on Android
-      requestAnimationFrame(() => {
-        props.scene.descriptor.navigation.goBack(props.scene.descriptor.key);
-      });
-    };
-    return (
-      <RenderedLeftComponent
-        onPress={goBack}
-        pressColorAndroid={options.headerPressColorAndroid}
-        tintColor={options.headerTintColor}
-        backImage={options.headerBackImage}
-        title={backButtonTitle}
-        truncatedTitle={truncatedBackButtonTitle}
-        backTitleVisible={this.props.backTitleVisible}
-        allowFontScaling={options.headerBackAllowFontScaling}
-        titleStyle={options.headerBackTitleStyle}
-        layoutPreset={this.props.layoutPreset}
-        width={width}
-        scene={props.scene}
-      />
-    );
-  };
-
-  private renderModularLeftComponent = (
-    props: SubviewProps,
-    ButtonContainerComponent: React.ComponentProps<
-      typeof ModularHeaderBackButton
-    >['ButtonContainerComponent'],
-    LabelContainerComponent: React.ComponentProps<
-      typeof ModularHeaderBackButton
-    >['LabelContainerComponent']
-  ) => {
-    const { options, navigation } = props.scene.descriptor;
-    const backButtonTitle = this.getBackButtonTitleString(props.scene);
-    const truncatedBackButtonTitle = this.getTruncatedBackButtonTitle(
-      props.scene
-    );
-    const width = this.state.widths[props.scene.key]
-      ? (this.props.layout.initWidth - this.state.widths[props.scene.key]) / 2
-      : undefined;
-
-    const goBack = () => {
-      // Go back on next tick because button ripple effect needs to happen on Android
-      requestAnimationFrame(() => {
-        navigation.goBack(props.scene.descriptor.key);
-      });
-    };
-
-    return (
-      <ModularHeaderBackButton
-        onPress={goBack}
-        ButtonContainerComponent={ButtonContainerComponent}
-        LabelContainerComponent={LabelContainerComponent}
-        backTitleVisible={this.props.backTitleVisible}
-        pressColorAndroid={options.headerPressColorAndroid}
-        tintColor={options.headerTintColor}
-        backImage={options.headerBackImage}
-        title={backButtonTitle}
-        truncatedTitle={truncatedBackButtonTitle}
-        titleStyle={options.headerBackTitleStyle}
-        layoutPreset={this.props.layoutPreset}
-        width={width}
-        scene={props.scene}
-      />
-    );
-  };
-
-  private renderRightComponent = (props: SubviewProps) => {
-    const { headerRight } = props.scene.descriptor.options;
-    return headerRight || null;
-  };
-
-  private renderLeft = (props: SubviewProps) => {
-    const { options } = props.scene.descriptor;
-
-    const { transitionPreset } = this.props;
-
-    let { style } = props;
-    if (options.headerLeftContainerStyle) {
-      style = [style, options.headerLeftContainerStyle];
-    }
-
-    // On Android, or if we have a custom header left, or if we have a custom back image, we
-    // do not use the modular header (which is the one that imitates UINavigationController)
-    if (
-      transitionPreset !== 'uikit' ||
-      options.headerBackImage ||
-      options.headerLeft ||
-      options.headerLeft === null
-    ) {
-      return this.renderSubView(
-        { ...props, style },
-        'left',
-        this.renderLeftComponent,
-        this.props.leftInterpolator
-      );
-    } else {
-      return this.renderModularSubView(
-        { ...props, style },
-        'left',
-        this.renderModularLeftComponent,
-        this.props.leftLabelInterpolator,
-        this.props.leftButtonInterpolator
-      );
-    }
-  };
-
-  private renderTitle = (
-    props: SubviewProps,
-    options: {
-      hasLeftComponent: boolean;
-      hasRightComponent: boolean;
-      headerTitleContainerStyle: StyleProp<ViewStyle>;
-    }
-  ) => {
-    const { layoutPreset, transitionPreset } = this.props;
-    let style: StyleProp<ViewStyle> = [
-      { justifyContent: layoutPreset === 'center' ? 'center' : 'flex-start' },
-      getTitleOffsets(
-        layoutPreset,
-        options.hasLeftComponent,
-        options.hasRightComponent
-      ),
-      options.headerTitleContainerStyle,
-    ];
-
-    return this.renderSubView(
-      { ...props, style },
-      'title',
-      this.renderTitleComponent,
-      transitionPreset === 'uikit'
-        ? this.props.titleFromLeftInterpolator
-        : this.props.titleInterpolator
-    );
-  };
-
-  private renderRight = (props: SubviewProps) => {
-    const { options } = props.scene.descriptor;
-
-    let { style } = props;
-    if (options.headerRightContainerStyle) {
-      style = [style, options.headerRightContainerStyle];
-    }
-
-    return this.renderSubView(
-      { ...props, style },
-      'right',
-      this.renderRightComponent,
-      this.props.rightInterpolator
-    );
-  };
-
-  private renderBackground = (props: SubviewProps) => {
-    const {
-      index,
-      descriptor: { options },
-    } = props.scene;
-
-    const offset = this.props.navigation.state.index - index;
-
-    if (Math.abs(offset) > 2) {
-      // Scene is far away from the active scene. Hides it to avoid unnecessary
-      // rendering.
-      return null;
-    }
-
-    return this.renderSubView(
-      { ...props, style: StyleSheet.absoluteFill },
-      'background',
-      () => options.headerBackground,
-      this.props.backgroundInterpolator
-    );
-  };
-
-  private renderModularSubView = (
-    props: SubviewProps,
-    name: SubviewName,
-    renderer: (
-      props: SubviewProps,
-      ButtonContainerComponent: React.ComponentProps<
-        typeof ModularHeaderBackButton
-      >['ButtonContainerComponent'],
-      LabelContainerComponent: React.ComponentProps<
-        typeof ModularHeaderBackButton
-      >['LabelContainerComponent']
-    ) => React.ReactNode,
-    labelStyleInterpolator: (props: SceneInterpolatorProps) => any,
-    buttonStyleInterpolator: (props: SceneInterpolatorProps) => any
-  ) => {
-    const { scene } = props;
-    const { index, isStale, key } = scene;
-
-    // Never render a modular back button on the first screen in a stack.
-    if (index === 0) {
-      return;
-    }
-
-    const offset = this.props.navigation.state.index - index;
-
-    if (Math.abs(offset) > 2) {
-      // Scene is far away from the active scene. Hides it to avoid unnecessary
-      // rendering.
-      return null;
-    }
-
-    const ButtonContainer = ({ children }: { children: React.ReactNode }) => (
-      <Animated.View
-        style={[buttonStyleInterpolator({ ...this.props, ...props })]}
-      >
-        {children}
-      </Animated.View>
-    );
-
-    const LabelContainer = ({ children }: { children: React.ReactNode }) => (
-      <Animated.View
-        style={[labelStyleInterpolator({ ...this.props, ...props })]}
-      >
-        {children}
-      </Animated.View>
-    );
-
-    const subView = renderer(
-      props,
-      ButtonContainer as any,
-      LabelContainer as any
-    );
-
-    if (subView === null) {
-      return subView;
-    }
-
-    const pointerEvents = offset !== 0 || isStale ? 'none' : 'box-none';
-
-    return (
-      <View
-        key={`${name}_${key}`}
-        pointerEvents={pointerEvents}
-        style={[styles.item, styles[name], props.style]}
-      >
-        {subView}
-      </View>
-    );
-  };
-
-  private renderSubView = (
-    props: SubviewProps,
-    name: SubviewName,
-    renderer: (props: SubviewProps) => React.ReactNode,
-    styleInterpolator: (props: SceneInterpolatorProps) => any
-  ) => {
-    const { scene } = props;
-    const { index, isStale, key } = scene;
-
-    const offset = this.props.navigation.state.index - index;
-
-    if (Math.abs(offset) > 2) {
-      // Scene is far away from the active scene. Hides it to avoid unnecessary
-      // rendering.
-      return null;
-    }
-
-    const subView = renderer(props);
-
-    if (subView == null) {
-      return null;
-    }
-
-    const pointerEvents = offset !== 0 || isStale ? 'none' : 'box-none';
-
-    return (
-      <Animated.View
-        pointerEvents={pointerEvents}
-        key={`${name}_${key}`}
-        style={[
-          styles.item,
-          styles[name],
-          props.style,
-          styleInterpolator({
-            ...this.props,
-            ...props,
-          }),
-        ]}
-      >
-        {subView}
-      </Animated.View>
-    );
-  };
-
-  private renderHeader = (props: SubviewProps) => {
-    const { options } = props.scene.descriptor;
-    if (options.header === null) {
-      return null;
-    }
-    const left = this.renderLeft(props);
-    const right = this.renderRight(props);
-    const title = this.renderTitle(props, {
-      hasLeftComponent: !!left,
-      hasRightComponent: !!right,
-      headerTitleContainerStyle: options.headerTitleContainerStyle,
-    });
-
-    const { transitionPreset } = this.props;
-
-    const wrapperProps = {
-      style: styles.header,
-      key: `scene_${props.scene.key}`,
-    };
-
-    if (
-      options.headerLeft ||
-      options.headerBackImage ||
-      Platform.OS !== 'ios' ||
-      transitionPreset !== 'uikit'
-    ) {
-      return (
-        <View {...wrapperProps}>
-          {title}
-          {left}
-          {right}
-        </View>
-      );
-    } else {
-      return (
-        <MaskedViewIOS
-          {...wrapperProps}
-          maskElement={
-            <View style={styles.iconMaskContainer}>
-              <Image
-                source={require('../assets/back-icon-mask.png')}
-                style={styles.iconMask}
-              />
-              <View style={styles.iconMaskFillerRect} />
-            </View>
-          }
-        >
-          {title}
-          {left}
-          {right}
-        </MaskedViewIOS>
-      );
-    }
-  };
-
+export default class Header extends React.PureComponent<HeaderProps> {
   render() {
-    let appBar;
-    let background;
-    const { mode, scene, isLandscape } = this.props;
-
-    if (mode === 'float') {
-      const scenesByIndex: { [key: string]: Scene } = {};
-      this.props.scenes.forEach(scene => {
-        scenesByIndex[scene.index] = scene;
-      });
-      const scenesProps = Object.values(scenesByIndex).map(scene => ({
-        position: this.props.position,
-        scene,
-      }));
-      appBar = scenesProps.map(props => this.renderHeader(props));
-      background = scenesProps.map(props => this.renderBackground(props));
-    } else {
-      const headerProps = {
-        position: new Animated.Value(this.props.scene.index),
-        scene: this.props.scene,
-      };
-
-      appBar = this.renderHeader(headerProps);
-      background = this.renderBackground(headerProps);
-    }
-
-    const { options } = scene.descriptor;
-    const { headerStyle = {} } = options;
-    const headerStyleObj = StyleSheet.flatten(headerStyle) as ViewStyle;
-    const appBarHeight = getAppBarHeight(isLandscape);
-
     const {
-      alignItems,
-      justifyContent,
-      flex,
-      flexDirection,
-      flexGrow,
-      flexShrink,
-      flexBasis,
-      flexWrap,
-      position,
-      padding,
-      paddingHorizontal,
-      paddingRight,
-      paddingLeft,
-      // paddingVertical,
-      // paddingTop,
-      // paddingBottom,
-      top,
-      right,
-      bottom,
-      left,
-      ...safeHeaderStyle
-    } = headerStyleObj;
-
-    if (__DEV__) {
-      warnIfHeaderStyleDefined(alignItems, 'alignItems');
-      warnIfHeaderStyleDefined(justifyContent, 'justifyContent');
-      warnIfHeaderStyleDefined(flex, 'flex');
-      warnIfHeaderStyleDefined(flexDirection, 'flexDirection');
-      warnIfHeaderStyleDefined(flexGrow, 'flexGrow');
-      warnIfHeaderStyleDefined(flexShrink, 'flexShrink');
-      warnIfHeaderStyleDefined(flexBasis, 'flexBasis');
-      warnIfHeaderStyleDefined(flexWrap, 'flexWrap');
-      warnIfHeaderStyleDefined(padding, 'padding');
-      warnIfHeaderStyleDefined(position, 'position');
-      warnIfHeaderStyleDefined(paddingHorizontal, 'paddingHorizontal');
-      warnIfHeaderStyleDefined(paddingRight, 'paddingRight');
-      warnIfHeaderStyleDefined(paddingLeft, 'paddingLeft');
-      // warnIfHeaderStyleDefined(paddingVertical, 'paddingVertical');
-      // warnIfHeaderStyleDefined(paddingTop, 'paddingTop');
-      // warnIfHeaderStyleDefined(paddingBottom, 'paddingBottom');
-      warnIfHeaderStyleDefined(top, 'top');
-      warnIfHeaderStyleDefined(right, 'right');
-      warnIfHeaderStyleDefined(bottom, 'bottom');
-      warnIfHeaderStyleDefined(left, 'left');
+      scene,
+      previous,
+      layout,
+      navigation,
+      styleInterpolator,
+    } = this.props;
+    const { options } = scene.descriptor;
+    const title =
+      options.headerTitle !== undefined
+        ? options.headerTitle
+        : options.title !== undefined
+        ? options.title
+        : scene.route.routeName;
+
+    let leftLabel;
+
+    // The label for the left back button shows the title of the previous screen
+    // If a custom label is specified, we use it, otherwise use previous screen's title
+    if (options.headerBackTitle !== undefined) {
+      leftLabel = options.headerBackTitle;
+    } else if (previous) {
+      const o = previous.descriptor.options;
+
+      leftLabel =
+        o.headerTitle !== undefined
+          ? o.headerTitle
+          : o.title !== undefined
+          ? o.title
+          : previous.route.routeName;
     }
 
-    // TODO: warn if any unsafe styles are provided
-    const containerStyles = [
-      options.headerTransparent
-        ? styles.transparentContainer
-        : styles.container,
-      { height: appBarHeight },
-      safeHeaderStyle,
-    ];
-
-    const { headerForceInset } = options;
-    const forceInset = headerForceInset || {
-      top: 'always',
-      bottom: 'never',
-      horizontal: 'always',
-    };
-
     return (
-      <Animated.View
-        style={[
-          this.props.layoutInterpolator(this.props),
-          Platform.OS === 'ios' && !options.headerTransparent
-            ? {
-                backgroundColor:
-                  safeHeaderStyle.backgroundColor || DEFAULT_BACKGROUND_COLOR,
-              }
-            : null,
-        ]}
-      >
-        <SafeAreaView forceInset={forceInset} style={containerStyles}>
-          {background}
-          <View style={styles.flexOne}>{appBar}</View>
-        </SafeAreaView>
-      </Animated.View>
-    );
-  }
-}
-
-function warnIfHeaderStyleDefined(value: any, styleProp: string) {
-  if (styleProp === 'position' && value === 'absolute') {
-    console.warn(
-      "position: 'absolute' is not supported on headerStyle. If you would like to render content under the header, use the headerTransparent navigationOption."
-    );
-  } else if (value !== undefined) {
-    console.warn(
-      `${styleProp} was given a value of ${value}, this has no effect on headerStyle.`
+      <HeaderSegment
+        {...options}
+        layout={layout}
+        scene={scene}
+        title={title}
+        leftLabel={leftLabel}
+        onGoBack={
+          previous
+            ? () =>
+                navigation.dispatch(StackActions.pop({ key: scene.route.key }))
+            : undefined
+        }
+        styleInterpolator={styleInterpolator}
+      />
     );
   }
 }
-
-const platformContainerStyles = Platform.select({
-  android: {
-    elevation: 4,
-  },
-  ios: {
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: '#A7A7AA',
-  },
-  default: {
-    // https://github.com/necolas/react-native-web/issues/44
-    // Material Design
-    boxShadow: `0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12)`,
-  },
-});
-
-const DEFAULT_BACKGROUND_COLOR = '#FFF';
-
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: DEFAULT_BACKGROUND_COLOR,
-    ...platformContainerStyles,
-  },
-  transparentContainer: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    ...platformContainerStyles,
-    borderBottomWidth: 0,
-    borderBottomColor: 'transparent',
-    elevation: 0,
-  },
-  header: {
-    ...StyleSheet.absoluteFillObject,
-    flexDirection: 'row',
-  },
-  item: {
-    backgroundColor: 'transparent',
-  },
-  iconMaskContainer: {
-    flex: 1,
-    flexDirection: 'row',
-    justifyContent: 'center',
-  },
-  iconMaskFillerRect: {
-    flex: 1,
-    backgroundColor: '#d8d8d8',
-    marginLeft: -5,
-  },
-  iconMask: {
-    // These are mostly the same as the icon in ModularHeaderBackButton
-    height: 23,
-    width: 14.5,
-    marginLeft: 8.5,
-    marginTop: -2.5,
-    alignSelf: 'center',
-    resizeMode: 'contain',
-    transform: [{ scaleX: I18nManager.isRTL ? -1 : 1 }],
-  },
-  // eslint-disable-next-line react-native/no-unused-styles
-  background: {},
-  // eslint-disable-next-line react-native/no-unused-styles
-  title: {
-    bottom: 0,
-    top: 0,
-    position: 'absolute',
-    alignItems: 'center',
-    flexDirection: 'row',
-  },
-  // eslint-disable-next-line react-native/no-unused-styles
-  left: {
-    left: 0,
-    bottom: 0,
-    top: 0,
-    position: 'absolute',
-    alignItems: 'center',
-    flexDirection: 'row',
-  },
-  // eslint-disable-next-line react-native/no-unused-styles
-  right: {
-    right: 0,
-    bottom: 0,
-    top: 0,
-    position: 'absolute',
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-  flexOne: {
-    flex: 1,
-  },
-});
-
-export default withOrientation(Header);
diff --git a/src/views/Header/HeaderBackButton.tsx b/src/views/Header/HeaderBackButton.tsx
index 5c9d9748d..59dbf5ed1 100644
--- a/src/views/Header/HeaderBackButton.tsx
+++ b/src/views/Header/HeaderBackButton.tsx
@@ -2,180 +2,219 @@ import * as React from 'react';
 import {
   I18nManager,
   Image,
-  Text,
   View,
   Platform,
   StyleSheet,
   LayoutChangeEvent,
+  MaskedViewIOS,
 } from 'react-native';
-
+import Animated from 'react-native-reanimated';
 import TouchableItem from '../TouchableItem';
+import { HeaderBackButtonProps } from '../../types';
 
-import defaultBackImage from '../assets/back-icon.png';
-import BackButtonWeb from './BackButtonWeb';
-import { HeaderBackbuttonProps } from '../../types';
+type Props = HeaderBackButtonProps & {
+  tintColor: string;
+};
 
 type State = {
-  initialTextWidth?: number;
+  fullLabelWidth?: number;
 };
 
-class HeaderBackButton extends React.PureComponent<
-  HeaderBackbuttonProps,
-  State
-> {
+class HeaderBackButton extends React.Component<Props, State> {
   static defaultProps = {
     pressColorAndroid: 'rgba(0, 0, 0, .32)',
     tintColor: Platform.select({
       ios: '#037aff',
       web: '#5f6368',
     }),
-    truncatedTitle: 'Back',
-    backImage: Platform.select({
-      web: BackButtonWeb,
-    }),
+    labelVisible: Platform.OS === 'ios',
+    truncatedLabel: 'Back',
   };
 
   state: State = {};
 
-  private handleTextLayout = (e: LayoutChangeEvent) => {
-    if (this.state.initialTextWidth) {
-      return;
-    }
+  private handleLabelLayout = (e: LayoutChangeEvent) => {
+    const { onLabelLayout } = this.props;
+
+    onLabelLayout && onLabelLayout(e);
+
     this.setState({
-      initialTextWidth: e.nativeEvent.layout.x + e.nativeEvent.layout.width,
+      fullLabelWidth: e.nativeEvent.layout.x + e.nativeEvent.layout.width,
     });
   };
 
-  private renderBackImage() {
-    const { backImage, backTitleVisible, tintColor } = this.props;
+  private shouldTruncateLabel = () => {
+    const { titleLayout, screenLayout, label } = this.props;
+    const { fullLabelWidth: initialLabelWidth } = this.state;
 
-    let title = this.getTitleText();
+    return (
+      !label ||
+      (initialLabelWidth &&
+        titleLayout &&
+        screenLayout &&
+        (screenLayout.width - titleLayout.width) / 2 < initialLabelWidth + 26)
+    );
+  };
 
-    if (React.isValidElement(backImage)) {
-      return backImage;
-    } else if (backImage) {
-      const BackImage = backImage;
+  private renderBackImage = () => {
+    const { backImage, labelVisible, tintColor } = this.props;
 
-      return <BackImage tintColor={tintColor} title={title} />;
+    if (backImage) {
+      return backImage({ tintColor });
     } else {
       return (
         <Image
           style={[
             styles.icon,
-            !!backTitleVisible && styles.iconWithTitle,
-            !!tintColor && { tintColor },
+            Boolean(labelVisible) && styles.iconWithLabel,
+            Boolean(tintColor) && { tintColor },
           ]}
-          source={defaultBackImage}
+          source={require('../assets/back-icon.png')}
           fadeDuration={0}
         />
       );
     }
-  }
-
-  private getTitleText = () => {
-    const { width, title, truncatedTitle } = this.props;
-
-    let { initialTextWidth } = this.state;
-
-    if (title === null) {
-      return null;
-    } else if (!title) {
-      return truncatedTitle;
-    } else if (initialTextWidth && width && initialTextWidth > width) {
-      return truncatedTitle;
-    } else {
-      return title;
-    }
   };
 
-  private maybeRenderTitle() {
+  private renderLabel() {
     const {
+      label,
+      truncatedLabel,
       allowFontScaling,
-      backTitleVisible,
-      titleStyle,
+      labelVisible,
+      backImage,
+      labelStyle,
       tintColor,
+      screenLayout,
     } = this.props;
-    let backTitleText = this.getTitleText();
 
-    if (!backTitleVisible || backTitleText === null) {
+    const leftLabelText = this.shouldTruncateLabel() ? truncatedLabel : label;
+
+    if (!labelVisible || leftLabelText === undefined) {
       return null;
     }
 
-    return (
-      <Text
+    const labelElement = (
+      <Animated.Text
         accessible={false}
-        onLayout={this.handleTextLayout}
-        style={[styles.title, !!tintColor && { color: tintColor }, titleStyle]}
+        onLayout={
+          // This measurement is used to determine if we should truncate the label when it doesn't fit
+          // Only measure it when label is not truncated because we want the measurement of full label
+          leftLabelText === label ? this.handleLabelLayout : undefined
+        }
+        style={[
+          styles.label,
+          tintColor ? { color: tintColor } : null,
+          labelStyle,
+        ]}
         numberOfLines={1}
         allowFontScaling={!!allowFontScaling}
       >
-        {this.getTitleText()}
-      </Text>
+        {leftLabelText}
+      </Animated.Text>
+    );
+
+    if (backImage || Platform.OS !== 'ios') {
+      // When a custom backimage is specified, we can't mask the label
+      // Otherwise there might be weird effect due to our mask not being the same as the image
+      return labelElement;
+    }
+
+    return (
+      <MaskedViewIOS
+        maskElement={
+          <View style={styles.iconMaskContainer}>
+            <Image
+              source={require('../assets/back-icon-mask.png')}
+              style={styles.iconMask}
+            />
+            <View style={styles.iconMaskFillerRect} />
+          </View>
+        }
+      >
+        <View
+          style={
+            screenLayout
+              ? // We make the button extend till the middle of the screen
+                // Otherwise it appears to cut off when translating
+                [styles.labelWrapper, { minWidth: screenLayout.width / 2 - 27 }]
+              : null
+          }
+        >
+          {labelElement}
+        </View>
+      </MaskedViewIOS>
     );
   }
 
+  private handlePress = () =>
+    this.props.onPress && requestAnimationFrame(this.props.onPress);
+
   render() {
-    const { onPress, pressColorAndroid, title, disabled } = this.props;
+    const { pressColorAndroid, label, disabled } = this.props;
 
-    let button = (
+    return (
       <TouchableItem
         disabled={disabled}
         accessible
         accessibilityRole="button"
         accessibilityComponentType="button"
-        accessibilityLabel={title ? `${title}, back` : 'Go back'}
+        accessibilityLabel={
+          label && label !== 'Back' ? `${label}, back` : 'Go back'
+        }
         accessibilityTraits="button"
         testID="header-back"
         delayPressIn={0}
-        onPress={disabled ? undefined : onPress}
+        onPress={disabled ? undefined : this.handlePress}
         pressColor={pressColorAndroid}
         style={[styles.container, disabled && styles.disabled]}
+        hitSlop={Platform.select({
+          ios: undefined,
+          default: { top: 8, right: 8, bottom: 8, left: 8 },
+        })}
         borderless
       >
-        <View style={styles.container}>
+        <React.Fragment>
           {this.renderBackImage()}
-          {this.maybeRenderTitle()}
-        </View>
+          {this.renderLabel()}
+        </React.Fragment>
       </TouchableItem>
     );
-
-    if (Platform.OS === 'ios') {
-      return button;
-    } else {
-      return <View style={styles.androidButtonWrapper}>{button}</View>;
-    }
   }
 }
 
 const styles = StyleSheet.create({
-  disabled: {
-    opacity: 0.5,
-  },
-  androidButtonWrapper: {
-    margin: 13,
-    backgroundColor: 'transparent',
+  container: {
+    alignItems: 'center',
+    flexDirection: 'row',
     ...Platform.select({
-      web: {
-        marginLeft: 21,
+      ios: null,
+      default: {
+        marginVertical: 3,
+        marginHorizontal: 11,
       },
-      default: {},
     }),
   },
-  container: {
-    alignItems: 'center',
-    flexDirection: 'row',
-    backgroundColor: 'transparent',
+  disabled: {
+    opacity: 0.5,
   },
-  title: {
+  label: {
     fontSize: 17,
-    paddingRight: 10,
+    // Title and back label are a bit different width due to title being bold
+    // Adjusting the letterSpacing makes them coincide better
+    letterSpacing: 0.35,
+  },
+  labelWrapper: {
+    // These styles will make sure that the label doesn't fill the available space
+    // Otherwise it messes with the measurement of the label
+    flexDirection: 'row',
+    alignItems: 'flex-start',
   },
   icon: Platform.select({
     ios: {
-      backgroundColor: 'transparent',
       height: 21,
       width: 13,
-      marginLeft: 9,
+      marginLeft: 8,
       marginRight: 22,
       marginVertical: 12,
       resizeMode: 'contain',
@@ -186,16 +225,33 @@ const styles = StyleSheet.create({
       width: 24,
       margin: 3,
       resizeMode: 'contain',
-      backgroundColor: 'transparent',
       transform: [{ scaleX: I18nManager.isRTL ? -1 : 1 }],
     },
   }),
-  iconWithTitle:
+  iconWithLabel:
     Platform.OS === 'ios'
       ? {
           marginRight: 6,
         }
       : {},
+  iconMaskContainer: {
+    flex: 1,
+    flexDirection: 'row',
+    justifyContent: 'center',
+  },
+  iconMaskFillerRect: {
+    flex: 1,
+    backgroundColor: '#000',
+  },
+  iconMask: {
+    height: 21,
+    width: 13,
+    marginLeft: -14.5,
+    marginVertical: 12,
+    alignSelf: 'center',
+    resizeMode: 'contain',
+    transform: [{ scaleX: I18nManager.isRTL ? -1 : 1 }],
+  },
 });
 
 export default HeaderBackButton;
diff --git a/src/views/Header/HeaderBackground.tsx b/src/views/Header/HeaderBackground.tsx
new file mode 100644
index 000000000..1e7214689
--- /dev/null
+++ b/src/views/Header/HeaderBackground.tsx
@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { View, StyleSheet, Platform, ViewProps } from 'react-native';
+
+export default function HeaderBackground({ style, ...rest }: ViewProps) {
+  return <View style={[styles.container, style]} {...rest} />;
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: 'white',
+    ...Platform.select({
+      android: {
+        elevation: 4,
+      },
+      ios: {
+        borderBottomWidth: StyleSheet.hairlineWidth,
+        borderBottomColor: '#A7A7AA',
+      },
+      default: {
+        // https://github.com/necolas/react-native-web/issues/44
+        // Material Design
+        boxShadow: `0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12)`,
+      },
+    }),
+  },
+});
diff --git a/src/views/Header/HeaderContainer.tsx b/src/views/Header/HeaderContainer.tsx
new file mode 100644
index 000000000..cf4fd9e7b
--- /dev/null
+++ b/src/views/Header/HeaderContainer.tsx
@@ -0,0 +1,129 @@
+import * as React from 'react';
+import { View, StyleSheet, StyleProp, ViewStyle } from 'react-native';
+import {
+  Layout,
+  Route,
+  HeaderScene,
+  NavigationProp,
+  HeaderStyleInterpolator,
+} from '../../types';
+import Header from './Header';
+import { forStatic } from '../../TransitionConfigs/HeaderStyleInterpolators';
+
+export type Props = {
+  mode: 'float' | 'screen';
+  layout: Layout;
+  scenes: Array<HeaderScene<Route> | undefined>;
+  navigation: NavigationProp;
+  getPreviousRoute: (props: { route: Route }) => Route | undefined;
+  onContentHeightChange?: (props: { route: Route; height: number }) => void;
+  styleInterpolator: HeaderStyleInterpolator;
+  style?: StyleProp<ViewStyle>;
+};
+
+export default function HeaderContainer({
+  mode,
+  scenes,
+  layout,
+  navigation,
+  getPreviousRoute,
+  onContentHeightChange,
+  styleInterpolator,
+  style,
+}: Props) {
+  const focusedRoute = navigation.state.routes[navigation.state.index];
+
+  return (
+    <View pointerEvents="box-none" style={style}>
+      {scenes.map((scene, i, self) => {
+        if ((mode === 'screen' && i !== self.length - 1) || !scene) {
+          return null;
+        }
+
+        const { options } = scene.descriptor;
+        const isFocused = focusedRoute.key === scene.route.key;
+        const previousRoute = getPreviousRoute({ route: scene.route });
+
+        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 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 isHeaderStatic =
+          mode === 'float'
+            ? (previousScene &&
+                previousScene.descriptor.options.header === null &&
+                // 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.header === null)
+            : false;
+
+        const props = {
+          mode,
+          layout,
+          scene,
+          previous,
+          navigation: scene.descriptor.navigation,
+          styleInterpolator: isHeaderStatic ? forStatic : styleInterpolator,
+        };
+
+        return (
+          <View
+            key={scene.route.key}
+            onLayout={
+              onContentHeightChange
+                ? e =>
+                    onContentHeightChange({
+                      route: scene.route,
+                      height: e.nativeEvent.layout.height,
+                    })
+                : undefined
+            }
+            pointerEvents="box-none"
+            accessibilityElementsHidden={!isFocused}
+            importantForAccessibility={
+              isFocused ? 'auto' : 'no-hide-descendants'
+            }
+            style={
+              mode === 'float' || options.headerTransparent
+                ? styles.header
+                : null
+            }
+          >
+            {options.header !== undefined ? (
+              options.header === null ? null : (
+                options.header(props)
+              )
+            ) : (
+              <Header {...props} />
+            )}
+          </View>
+        );
+      })}
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  header: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+  },
+});
diff --git a/src/views/Header/HeaderSegment.tsx b/src/views/Header/HeaderSegment.tsx
new file mode 100644
index 000000000..8a70df092
--- /dev/null
+++ b/src/views/Header/HeaderSegment.tsx
@@ -0,0 +1,382 @@
+import * as React from 'react';
+import {
+  View,
+  StyleSheet,
+  LayoutChangeEvent,
+  Platform,
+  ViewStyle,
+} from 'react-native';
+import Animated from 'react-native-reanimated';
+import { getStatusBarHeight } from 'react-native-safe-area-view';
+import HeaderTitle from './HeaderTitle';
+import HeaderBackButton from './HeaderBackButton';
+import HeaderBackground from './HeaderBackground';
+import memoize from '../../utils/memoize';
+import {
+  Layout,
+  HeaderStyleInterpolator,
+  Route,
+  HeaderBackButtonProps,
+  HeaderOptions,
+  HeaderScene,
+} from '../../types';
+
+export type Scene<T> = {
+  route: T;
+  progress: Animated.Node<number>;
+};
+
+type Props = HeaderOptions & {
+  layout: Layout;
+  onGoBack?: () => void;
+  title?: string;
+  leftLabel?: string;
+  scene: HeaderScene<Route>;
+  styleInterpolator: HeaderStyleInterpolator;
+};
+
+type State = {
+  titleLayout?: Layout;
+  leftLabelLayout?: Layout;
+};
+
+const warnIfHeaderStylesDefined = (styles: { [key: string]: any }) => {
+  Object.keys(styles).forEach(styleProp => {
+    const value = styles[styleProp];
+
+    if (styleProp === 'position' && value === 'absolute') {
+      console.warn(
+        "position: 'absolute' is not supported on headerStyle. If you would like to render content under the header, use the 'headerTransparent' navigationOption."
+      );
+    } else if (value !== undefined) {
+      console.warn(
+        `${styleProp} was given a value of ${value}, this has no effect on headerStyle.`
+      );
+    }
+  });
+};
+
+export const getDefaultHeaderHeight = (layout: Layout) => {
+  const isLandscape = layout.width > layout.height;
+
+  let headerHeight;
+
+  if (Platform.OS === 'ios') {
+    // @ts-ignore
+    if (isLandscape && !Platform.isPad) {
+      headerHeight = 32;
+    } else {
+      headerHeight = 44;
+    }
+  } else if (Platform.OS === 'android') {
+    headerHeight = 56;
+  } else {
+    headerHeight = 64;
+  }
+
+  return headerHeight + getStatusBarHeight(isLandscape);
+};
+
+export default class HeaderSegment extends React.Component<Props, State> {
+  state: State = {};
+
+  private handleTitleLayout = (e: LayoutChangeEvent) => {
+    const { height, width } = e.nativeEvent.layout;
+    const { titleLayout } = this.state;
+
+    if (
+      titleLayout &&
+      height === titleLayout.height &&
+      width === titleLayout.width
+    ) {
+      return;
+    }
+
+    this.setState({ titleLayout: { height, width } });
+  };
+
+  private handleLeftLabelLayout = (e: LayoutChangeEvent) => {
+    const { height, width } = e.nativeEvent.layout;
+    const { leftLabelLayout } = this.state;
+
+    if (
+      leftLabelLayout &&
+      height === leftLabelLayout.height &&
+      width === leftLabelLayout.width
+    ) {
+      return;
+    }
+
+    this.setState({ leftLabelLayout: { height, width } });
+  };
+
+  private getInterpolatedStyle = memoize(
+    (
+      styleInterpolator: HeaderStyleInterpolator,
+      layout: Layout,
+      current: Animated.Node<number>,
+      next: Animated.Node<number> | undefined,
+      titleLayout: Layout | undefined,
+      leftLabelLayout: Layout | undefined
+    ) =>
+      styleInterpolator({
+        progress: {
+          current,
+          next,
+        },
+        layouts: {
+          screen: layout,
+          title: titleLayout,
+          leftLabel: leftLabelLayout,
+        },
+      })
+  );
+
+  render() {
+    const {
+      scene,
+      layout,
+      title: currentTitle,
+      leftLabel: previousTitle,
+      onGoBack,
+      headerLeft: left = (props: HeaderBackButtonProps) => (
+        <HeaderBackButton {...props} />
+      ),
+      // @ts-ignore
+      headerStatusBarHeight = getStatusBarHeight(layout.width > layout.height),
+      headerTransparent,
+      headerTintColor,
+      headerBackground,
+      headerRight: right,
+      headerBackImage: backImage,
+      headerBackTitle: leftLabel,
+      headerBackTitleVisible,
+      headerTruncatedBackTitle: truncatedLabel,
+      headerPressColorAndroid: pressColorAndroid,
+      headerBackAllowFontScaling: backAllowFontScaling,
+      headerTitleAllowFontScaling: titleAllowFontScaling,
+      headerTitleStyle: customTitleStyle,
+      headerBackTitleStyle: customLeftLabelStyle,
+      headerLeftContainerStyle: leftContainerStyle,
+      headerRightContainerStyle: rightContainerStyle,
+      headerTitleContainerStyle: titleContainerStyle,
+      headerStyle: customHeaderStyle,
+      styleInterpolator,
+    } = this.props;
+
+    const { leftLabelLayout, titleLayout } = this.state;
+
+    const {
+      titleStyle,
+      leftButtonStyle,
+      leftLabelStyle,
+      rightButtonStyle,
+      backgroundStyle,
+    } = this.getInterpolatedStyle(
+      styleInterpolator,
+      layout,
+      scene.progress.current,
+      scene.progress.next,
+      titleLayout,
+      previousTitle ? leftLabelLayout : undefined
+    );
+
+    const {
+      height = getDefaultHeaderHeight(layout),
+      minHeight,
+      maxHeight,
+      backgroundColor,
+      borderBottomColor,
+      borderBottomEndRadius,
+      borderBottomLeftRadius,
+      borderBottomRightRadius,
+      borderBottomStartRadius,
+      borderBottomWidth,
+      borderColor,
+      borderEndColor,
+      borderEndWidth,
+      borderLeftColor,
+      borderLeftWidth,
+      borderRadius,
+      borderRightColor,
+      borderRightWidth,
+      borderStartColor,
+      borderStartWidth,
+      borderStyle,
+      borderTopColor,
+      borderTopEndRadius,
+      borderTopLeftRadius,
+      borderTopRightRadius,
+      borderTopStartRadius,
+      borderTopWidth,
+      borderWidth,
+      // @ts-ignore: web support for shadow
+      boxShadow,
+      elevation,
+      shadowColor,
+      shadowOffset,
+      shadowOpacity,
+      shadowRadius,
+      opacity,
+      ...unsafeStyles
+    } = StyleSheet.flatten(customHeaderStyle || {}) as ViewStyle;
+
+    if (process.env.NODE_ENV !== 'production') {
+      warnIfHeaderStylesDefined(unsafeStyles);
+    }
+
+    const safeStyles = {
+      backgroundColor,
+      borderBottomColor,
+      borderBottomEndRadius,
+      borderBottomLeftRadius,
+      borderBottomRightRadius,
+      borderBottomStartRadius,
+      borderBottomWidth,
+      borderColor,
+      borderEndColor,
+      borderEndWidth,
+      borderLeftColor,
+      borderLeftWidth,
+      borderRadius,
+      borderRightColor,
+      borderRightWidth,
+      borderStartColor,
+      borderStartWidth,
+      borderStyle,
+      borderTopColor,
+      borderTopEndRadius,
+      borderTopLeftRadius,
+      borderTopRightRadius,
+      borderTopStartRadius,
+      borderTopWidth,
+      borderWidth,
+      // @ts-ignore
+      boxShadow,
+      elevation,
+      shadowColor,
+      shadowOffset,
+      shadowOpacity,
+      shadowRadius,
+      opacity,
+    };
+
+    // Setting a property to undefined triggers default style
+    // So we need to filter them out
+    // Users can use `null` instead
+    for (const styleProp in safeStyles) {
+      // @ts-ignore
+      if (safeStyles[styleProp] === undefined) {
+        // @ts-ignore
+        delete safeStyles[styleProp];
+      }
+    }
+
+    return (
+      <React.Fragment>
+        <Animated.View
+          pointerEvents="none"
+          style={[StyleSheet.absoluteFill, backgroundStyle]}
+        >
+          {headerBackground ? (
+            headerBackground()
+          ) : headerTransparent ? null : (
+            <HeaderBackground style={safeStyles} />
+          )}
+        </Animated.View>
+        <Animated.View
+          pointerEvents="box-none"
+          style={[{ height, minHeight, maxHeight, opacity }]}
+        >
+          <View
+            pointerEvents="none"
+            style={{ height: headerStatusBarHeight }}
+          />
+          <View pointerEvents="box-none" style={styles.content}>
+            {onGoBack ? (
+              <Animated.View
+                pointerEvents="box-none"
+                style={[styles.left, leftButtonStyle, leftContainerStyle]}
+              >
+                {left({
+                  backImage,
+                  pressColorAndroid,
+                  allowFontScaling: backAllowFontScaling,
+                  onPress: onGoBack,
+                  labelVisible: headerBackTitleVisible,
+                  label: leftLabel !== undefined ? leftLabel : previousTitle,
+                  truncatedLabel,
+                  labelStyle: [leftLabelStyle, customLeftLabelStyle],
+                  onLabelLayout: this.handleLeftLabelLayout,
+                  screenLayout: layout,
+                  titleLayout,
+                  tintColor: headerTintColor,
+                })}
+              </Animated.View>
+            ) : null}
+            {currentTitle ? (
+              <Animated.View
+                pointerEvents="box-none"
+                style={[
+                  Platform.select({
+                    ios: null,
+                    default: { left: onGoBack ? 72 : 16 },
+                  }),
+                  styles.title,
+                  titleStyle,
+                  titleContainerStyle,
+                ]}
+              >
+                <HeaderTitle
+                  onLayout={this.handleTitleLayout}
+                  allowFontScaling={titleAllowFontScaling}
+                  style={[{ color: headerTintColor }, customTitleStyle]}
+                >
+                  {currentTitle}
+                </HeaderTitle>
+              </Animated.View>
+            ) : null}
+            {right ? (
+              <Animated.View
+                pointerEvents="box-none"
+                style={[styles.right, rightButtonStyle, rightContainerStyle]}
+              >
+                {right({ tintColor: headerTintColor })}
+              </Animated.View>
+            ) : null}
+          </View>
+        </Animated.View>
+      </React.Fragment>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  content: {
+    flex: 1,
+    paddingHorizontal: 4,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  left: {
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'flex-start',
+  },
+  right: {
+    position: 'absolute',
+    right: 0,
+    top: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'flex-end',
+  },
+  title: Platform.select({
+    ios: {},
+    default: { position: 'absolute' },
+  }),
+});
diff --git a/src/views/Header/HeaderStyleInterpolator.tsx b/src/views/Header/HeaderStyleInterpolator.tsx
deleted file mode 100644
index f7d541220..000000000
--- a/src/views/Header/HeaderStyleInterpolator.tsx
+++ /dev/null
@@ -1,406 +0,0 @@
-import { Dimensions, I18nManager } from 'react-native';
-import getSceneIndicesForInterpolationInputRange from '../../utils/getSceneIndicesForInterpolationInputRange';
-import { Scene, SceneInterpolatorProps } from '../../types';
-
-function hasHeader(scene: Scene) {
-  if (!scene) {
-    return true;
-  }
-  const { descriptor } = scene;
-  return descriptor.options.header !== null;
-}
-
-const crossFadeInterpolation = (
-  scenes: Scene[],
-  first: number,
-  index: number,
-  last: number
-): { inputRange: number[]; outputRange: number[]; extrapolate: 'clamp' } => ({
-  inputRange: [
-    first,
-    first + 0.001,
-    index - 0.9,
-    index - 0.2,
-    index,
-    last - 0.001,
-    last,
-  ],
-  outputRange: [
-    0,
-    hasHeader(scenes[first]) ? 0 : 1,
-    hasHeader(scenes[first]) ? 0 : 1,
-    hasHeader(scenes[first]) ? 0.3 : 1,
-    hasHeader(scenes[index]) ? 1 : 0,
-    hasHeader(scenes[last]) ? 0 : 1,
-    0,
-  ],
-  extrapolate: 'clamp',
-});
-
-/**
- * Utilities that build the style for the navigation header.
- *
- * +-------------+-------------+-------------+
- * |             |             |             |
- * |    Left     |   Title     |   Right     |
- * |  Component  |  Component  | Component   |
- * |             |             |             |
- * +-------------+-------------+-------------+
- */
-
-function isGoingBack(scenes: Scene[]) {
-  const lastSceneIndexInScenes = scenes.length - 1;
-  return !scenes[lastSceneIndexInScenes].isActive;
-}
-
-function forLayout(props: SceneInterpolatorProps) {
-  const { layout, position, scene, scenes, mode } = props;
-  if (mode !== 'float') {
-    return {};
-  }
-  const isBack = isGoingBack(scenes);
-
-  const interpolate = getSceneIndicesForInterpolationInputRange(props);
-  if (!interpolate) return {};
-
-  const { first, last } = interpolate;
-  const index = scene.index;
-
-  // We really shouldn't render the scene at all until we know the width of the
-  // stack. That said, in every case that I have ever seen, this has just been
-  // the full width of the window. This won't continue to be true if we support
-  // layouts like iPad master-detail. For now, in order to solve
-  // https://github.com/react-navigation/react-navigation/issues/4264, I have
-  // opted for the heuristic that we will use the window width until we have
-  // measured (and they will usually be the same).
-  const width = layout.initWidth || Dimensions.get('window').width;
-
-  // Make sure the header stays hidden when transitioning between 2 screens
-  // with no header.
-  if (
-    (isBack && !hasHeader(scenes[index]) && !hasHeader(scenes[last])) ||
-    (!isBack && !hasHeader(scenes[first]) && !hasHeader(scenes[index]))
-  ) {
-    return {
-      transform: [{ translateX: width }],
-    };
-  }
-
-  const rtlMult = I18nManager.isRTL ? -1 : 1;
-  const translateX = position.interpolate({
-    inputRange: [first, index, last],
-    outputRange: [
-      rtlMult * (hasHeader(scenes[first]) ? 0 : width),
-      rtlMult * (hasHeader(scenes[index]) ? 0 : isBack ? width : -width),
-      rtlMult * (hasHeader(scenes[last]) ? 0 : -width),
-    ],
-    extrapolate: 'clamp',
-  });
-
-  return {
-    transform: [{ translateX }],
-  };
-}
-
-function forLeft(props: SceneInterpolatorProps) {
-  const { position, scene, scenes } = props;
-  const interpolate = getSceneIndicesForInterpolationInputRange(props);
-
-  if (!interpolate) return { opacity: 0 };
-
-  const { first, last } = interpolate;
-  const index = scene.index;
-
-  return {
-    opacity: position.interpolate(
-      crossFadeInterpolation(scenes, first, index, last)
-    ),
-  };
-}
-
-function forCenter(props: SceneInterpolatorProps) {
-  const { position, scene, scenes } = props;
-  const interpolate = getSceneIndicesForInterpolationInputRange(props);
-
-  if (!interpolate) return { opacity: 0 };
-
-  const { first, last } = interpolate;
-  const index = scene.index;
-
-  return {
-    opacity: position.interpolate(
-      crossFadeInterpolation(scenes, first, index, last)
-    ),
-  };
-}
-
-function forRight(props: SceneInterpolatorProps) {
-  const { position, scene, scenes } = props;
-  const interpolate = getSceneIndicesForInterpolationInputRange(props);
-
-  if (!interpolate) return { opacity: 0 };
-  const { first, last } = interpolate;
-  const index = scene.index;
-
-  return {
-    opacity: position.interpolate(
-      crossFadeInterpolation(scenes, first, index, last)
-    ),
-  };
-}
-
-/**
- * iOS UINavigationController style interpolators
- */
-
-function forLeftButton(props: SceneInterpolatorProps) {
-  const { position, scene, scenes } = props;
-  const interpolate = getSceneIndicesForInterpolationInputRange(props);
-
-  if (!interpolate) return { opacity: 0 };
-
-  const { first, last } = interpolate;
-  const index = scene.index;
-
-  // The gist of what we're doing here is animating the left button _normally_ (fast fade)
-  // when both scenes in transition have headers. When the current, next, or previous scene _don't_
-  // have a header, we don't fade the button, and only set it's opacity to 0 at the last moment
-  // of the transition.
-  const inputRange = [
-    first,
-    first + 0.001,
-    first + Math.abs(index - first) / 2,
-    index,
-    last - Math.abs(last - index) / 2,
-    last - 0.001,
-    last,
-  ];
-  const outputRange = [
-    0,
-    hasHeader(scenes[first]) ? 0 : 1,
-    hasHeader(scenes[first]) ? 0.3 : 1,
-    hasHeader(scenes[index]) ? 1 : 0,
-    hasHeader(scenes[last]) ? 0.3 : 1,
-    hasHeader(scenes[last]) ? 0 : 1,
-    0,
-  ];
-
-  return {
-    opacity: position.interpolate({
-      inputRange,
-      outputRange,
-      extrapolate: 'clamp',
-    }),
-  };
-}
-
-/*
- * NOTE: this offset calculation is an approximation that gives us
- * decent results in many cases, but it is ultimately a poor substitute
- * for text measurement. See the comment on title for more information.
- *
- * - 70 is the width of the left button area.
- * - 25 is the width of the left button icon (to account for label offset)
- */
-const LEFT_LABEL_OFFSET = Dimensions.get('window').width / 2 - 70 - 25;
-
-function forLeftLabel(props: SceneInterpolatorProps) {
-  const { position, scene, scenes } = props;
-  const interpolate = getSceneIndicesForInterpolationInputRange(props);
-
-  if (!interpolate) return { opacity: 0 };
-
-  const { first, last } = interpolate;
-  const index = scene.index;
-
-  const offset = LEFT_LABEL_OFFSET;
-
-  // Similarly to the animation of the left label, when animating to or from a scene without
-  // a header, we keep the label at full opacity and in the same position for as long as possible.
-  return {
-    // For now we fade out the label before fading in the title, so the
-    // differences between the label and title position can be hopefully not so
-    // noticable to the user
-    opacity: position.interpolate({
-      inputRange: [
-        first,
-        first + 0.001,
-        index - 0.35,
-        index,
-        index + 0.5,
-        last - 0.001,
-        last,
-      ],
-      outputRange: [
-        0,
-        hasHeader(scenes[first]) ? 0 : 1,
-        hasHeader(scenes[first]) ? 0 : 1,
-        hasHeader(scenes[index]) ? 1 : 0,
-        hasHeader(scenes[last]) ? 0.5 : 1,
-        hasHeader(scenes[last]) ? 0 : 1,
-        0,
-      ],
-      extrapolate: 'clamp',
-    }),
-    transform: [
-      {
-        translateX: position.interpolate({
-          inputRange: [first, first + 0.001, index, last - 0.001, last],
-          outputRange: I18nManager.isRTL
-            ? [
-                -offset * 1.5,
-                hasHeader(scenes[first]) ? -offset * 1.5 : 0,
-                0,
-                hasHeader(scenes[last]) ? offset : 0,
-                offset,
-              ]
-            : [
-                offset,
-                hasHeader(scenes[first]) ? offset : 0,
-                0,
-                hasHeader(scenes[last]) ? -offset * 1.5 : 0,
-                -offset * 1.5,
-              ],
-          extrapolate: 'clamp',
-        }),
-      },
-    ],
-  };
-}
-
-/*
- * NOTE: this offset calculation is a an approximation that gives us
- * decent results in many cases, but it is ultimately a poor substitute
- * for text measurement. We want the back button label to transition
- * smoothly into the title text and to do this we need to understand
- * where the title is positioned within the title container (since it is
- * centered).
- *
- * - 70 is the width of the left button area.
- * - 25 is the width of the left button icon (to account for label offset)
- */
-const TITLE_OFFSET_IOS = Dimensions.get('window').width / 2 - 70 + 25;
-
-function forCenterFromLeft(props: SceneInterpolatorProps) {
-  const { position, scene, scenes } = props;
-  const interpolate = getSceneIndicesForInterpolationInputRange(props);
-
-  if (!interpolate) return { opacity: 0 };
-
-  const { first, last } = interpolate;
-  const index = scene.index;
-  const offset = TITLE_OFFSET_IOS;
-
-  return {
-    opacity: position.interpolate({
-      inputRange: [
-        first,
-        first + 0.001,
-        index - 0.5,
-        index,
-        index + 0.7,
-        last - 0.001,
-        last,
-      ],
-      outputRange: [
-        0,
-        hasHeader(scenes[first]) ? 0 : 1,
-        hasHeader(scenes[first]) ? 0 : 1,
-        hasHeader(scenes[index]) ? 1 : 0,
-        hasHeader(scenes[last]) ? 0 : 1,
-        hasHeader(scenes[last]) ? 0 : 1,
-        0,
-      ],
-      extrapolate: 'clamp',
-    }),
-    transform: [
-      {
-        translateX: position.interpolate({
-          inputRange: [first, first + 0.001, index, last - 0.001, last],
-          outputRange: I18nManager.isRTL
-            ? [
-                -offset,
-                hasHeader(scenes[first]) ? -offset : 0,
-                0,
-                hasHeader(scenes[last]) ? offset : 0,
-                offset,
-              ]
-            : [
-                offset,
-                hasHeader(scenes[first]) ? offset : 0,
-                0,
-                hasHeader(scenes[last]) ? -offset : 0,
-                -offset,
-              ],
-          extrapolate: 'clamp',
-        }),
-      },
-    ],
-  };
-}
-
-// Fade in background of header while transitioning
-function forBackgroundWithFade(props: SceneInterpolatorProps) {
-  const { position, scene } = props;
-  const sceneRange = getSceneIndicesForInterpolationInputRange(props);
-  if (!sceneRange) return { opacity: 0 };
-  return {
-    opacity: position.interpolate({
-      inputRange: [sceneRange.first, scene.index, sceneRange.last],
-      outputRange: [0, 1, 0],
-      extrapolate: 'clamp',
-    }),
-  };
-}
-
-const VISIBLE = { opacity: 1 };
-const HIDDEN = { opacity: 0 };
-
-// Toggle visibility of header without fading
-function forBackgroundWithInactiveHidden({
-  navigation,
-  scene,
-}: SceneInterpolatorProps) {
-  return navigation.state.index === scene.index ? VISIBLE : HIDDEN;
-}
-
-// Translate the background with the card
-const BACKGROUND_OFFSET = Dimensions.get('window').width;
-
-function forBackgroundWithTranslation(props: SceneInterpolatorProps) {
-  const { position, scene } = props;
-  const interpolate = getSceneIndicesForInterpolationInputRange(props);
-  if (!interpolate) return { opacity: 0 };
-  const { first, last } = interpolate;
-  const index = scene.index;
-  const offset = BACKGROUND_OFFSET;
-  const outputRange = [offset, 0, -offset];
-  return {
-    transform: [
-      {
-        translateX: position.interpolate({
-          inputRange: [first, index, last],
-          outputRange: I18nManager.isRTL ? outputRange.reverse() : outputRange,
-          extrapolate: 'clamp',
-        }),
-      },
-    ],
-  };
-}
-
-// Default to fade transition
-const forBackground = forBackgroundWithInactiveHidden;
-
-export default {
-  forLayout,
-  forLeft,
-  forLeftButton,
-  forLeftLabel,
-  forCenterFromLeft,
-  forCenter,
-  forRight,
-  forBackground,
-  forBackgroundWithInactiveHidden,
-  forBackgroundWithFade,
-  forBackgroundWithTranslation,
-};
diff --git a/src/views/Header/HeaderTitle.tsx b/src/views/Header/HeaderTitle.tsx
index e3c95e24f..c476135aa 100644
--- a/src/views/Header/HeaderTitle.tsx
+++ b/src/views/Header/HeaderTitle.tsx
@@ -1,40 +1,30 @@
 import * as React from 'react';
-import { Platform, StyleSheet, Animated } from 'react-native';
+import { Text, StyleSheet, Platform, TextProps } from 'react-native';
 
-const HeaderTitle = ({
-  style,
-  ...rest
-}: React.ComponentProps<typeof Animated.Text>) => (
-  <Animated.Text
-    numberOfLines={1}
-    {...rest}
-    style={[styles.title, style]}
-    accessibilityTraits="header"
-  />
-);
+type Props = TextProps & {
+  children: string;
+};
+
+export default function HeaderTitle({ style, ...rest }: Props) {
+  return <Text {...rest} style={[styles.title, style]} />;
+}
 
 const styles = StyleSheet.create({
-  title: {
-    ...Platform.select({
-      ios: {
-        fontSize: 17,
-        fontWeight: '600',
-        color: 'rgba(0, 0, 0, .9)',
-        marginHorizontal: 16,
-      },
-      android: {
-        fontSize: 20,
-        fontWeight: '500',
-        color: 'rgba(0, 0, 0, .9)',
-        marginHorizontal: 16,
-      },
-      default: {
-        fontSize: 18,
-        fontWeight: '400',
-        color: '#3c4043',
-      },
-    }),
-  },
+  title: Platform.select({
+    ios: {
+      fontSize: 17,
+      fontWeight: '600',
+      color: 'rgba(0, 0, 0, .9)',
+    },
+    android: {
+      fontSize: 20,
+      fontWeight: '500',
+      color: 'rgba(0, 0, 0, .9)',
+    },
+    default: {
+      fontSize: 18,
+      fontWeight: '400',
+      color: '#3c4043',
+    },
+  }),
 });
-
-export default HeaderTitle;
diff --git a/src/views/Header/ModularHeaderBackButton.tsx b/src/views/Header/ModularHeaderBackButton.tsx
deleted file mode 100644
index 89d4f9215..000000000
--- a/src/views/Header/ModularHeaderBackButton.tsx
+++ /dev/null
@@ -1,161 +0,0 @@
-import * as React from 'react';
-import {
-  I18nManager,
-  Image,
-  Text,
-  View,
-  StyleSheet,
-  LayoutChangeEvent,
-} from 'react-native';
-
-import TouchableItem from '../TouchableItem';
-
-import defaultBackImage from '../assets/back-icon.png';
-import { HeaderBackbuttonProps } from '../../types';
-
-type Props = HeaderBackbuttonProps & {
-  LabelContainerComponent: React.ComponentType;
-  ButtonContainerComponent: React.ComponentType;
-};
-
-type State = {
-  initialTextWidth?: number;
-};
-
-class ModularHeaderBackButton extends React.PureComponent<Props, State> {
-  static defaultProps = {
-    tintColor: '#037aff',
-    truncatedTitle: 'Back',
-  };
-
-  state: State = {};
-
-  private onTextLayout = (e: LayoutChangeEvent) => {
-    if (this.state.initialTextWidth) {
-      return;
-    }
-    this.setState({
-      initialTextWidth: e.nativeEvent.layout.x + e.nativeEvent.layout.width,
-    });
-  };
-
-  private renderBackImage() {
-    const { backImage, backTitleVisible, tintColor } = this.props;
-
-    if (React.isValidElement(backImage)) {
-      return backImage;
-    } else if (backImage) {
-      const BackImage = backImage;
-
-      return <BackImage tintColor={tintColor} />;
-    } else {
-      return (
-        <Image
-          style={[
-            styles.icon,
-            !!backTitleVisible && styles.iconWithTitle,
-            !!tintColor && { tintColor },
-          ]}
-          source={defaultBackImage}
-        />
-      );
-    }
-  }
-
-  private getTitleText = () => {
-    const { width, title, truncatedTitle } = this.props;
-
-    let { initialTextWidth } = this.state;
-
-    if (title === null) {
-      return null;
-    } else if (!title) {
-      return truncatedTitle;
-    } else if (initialTextWidth && width && initialTextWidth > width) {
-      return truncatedTitle;
-    } else {
-      return title.length > 8 ? truncatedTitle : title;
-    }
-  };
-
-  private maybeRenderTitle() {
-    const { backTitleVisible, titleStyle, tintColor } = this.props;
-    let backTitleText = this.getTitleText();
-
-    if (!backTitleVisible || backTitleText === null) {
-      return null;
-    }
-
-    const { LabelContainerComponent } = this.props;
-
-    return (
-      <LabelContainerComponent>
-        <Text
-          accessible={false}
-          onLayout={this.onTextLayout}
-          style={[
-            styles.title,
-            !!tintColor && { color: tintColor },
-            titleStyle,
-          ]}
-          numberOfLines={1}
-        >
-          {this.getTitleText()}
-        </Text>
-      </LabelContainerComponent>
-    );
-  }
-
-  render() {
-    const { onPress, title } = this.props;
-    const { ButtonContainerComponent } = this.props;
-
-    return (
-      <TouchableItem
-        accessibilityComponentType="button"
-        accessibilityLabel={title ? `${title}, back` : 'Go back'}
-        accessibilityTraits="button"
-        testID="header-back"
-        delayPressIn={0}
-        onPress={onPress}
-        style={styles.container}
-        borderless
-      >
-        <View style={styles.container}>
-          <ButtonContainerComponent>
-            {this.renderBackImage()}
-          </ButtonContainerComponent>
-          {this.maybeRenderTitle()}
-        </View>
-      </TouchableItem>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    flexDirection: 'row',
-    backgroundColor: 'transparent',
-    marginBottom: 1,
-    overflow: 'visible',
-  },
-  title: {
-    fontSize: 17,
-    paddingRight: 10,
-  },
-  icon: {
-    height: 21,
-    width: 12,
-    marginLeft: 9,
-    marginRight: 22,
-    marginVertical: 12,
-    resizeMode: 'contain',
-    transform: [{ scaleX: I18nManager.isRTL ? -1 : 1 }],
-  },
-  iconWithTitle: {
-    marginRight: 3,
-  },
-});
-
-export default ModularHeaderBackButton;
diff --git a/src/views/ScenesReducer.tsx b/src/views/ScenesReducer.tsx
deleted file mode 100644
index 4609975f8..000000000
--- a/src/views/ScenesReducer.tsx
+++ /dev/null
@@ -1,227 +0,0 @@
-import shallowEqual from '../utils/shallowEqual';
-import { Scene, Route, NavigationState, SceneDescriptor } from '../types';
-
-const SCENE_KEY_PREFIX = 'scene_';
-
-/**
- * Helper function to compare route keys (e.g. "9", "11").
- */
-function compareKey(one: string, two: string) {
-  const delta = one.length - two.length;
-  if (delta > 0) {
-    return 1;
-  }
-  if (delta < 0) {
-    return -1;
-  }
-  return one > two ? 1 : -1;
-}
-
-/**
- * Helper function to sort scenes based on their index and view key.
- */
-function compareScenes(one: Scene, two: Scene) {
-  if (one.index > two.index) {
-    return 1;
-  }
-  if (one.index < two.index) {
-    return -1;
-  }
-
-  return compareKey(one.key, two.key);
-}
-
-/**
- * Whether two routes are the same.
- */
-function areScenesShallowEqual(one: Scene, two: Scene) {
-  return (
-    one.key === two.key &&
-    one.index === two.index &&
-    one.isStale === two.isStale &&
-    one.isActive === two.isActive &&
-    areRoutesShallowEqual(one.route, two.route)
-  );
-}
-
-/**
- * Whether two routes are the same.
- */
-function areRoutesShallowEqual(one: Route, two: Route) {
-  if (!one || !two) {
-    return one === two;
-  }
-
-  if (one.key !== two.key) {
-    return false;
-  }
-
-  return shallowEqual(one, two);
-}
-
-export default function ScenesReducer(
-  scenes: Scene[],
-  nextState: NavigationState,
-  prevState: NavigationState | null,
-  descriptors: { [key: string]: SceneDescriptor }
-) {
-  // Always update the descriptors
-  // This is a workaround for https://github.com/react-navigation/react-navigation/issues/4271
-  // It will be resolved in a better way when we re-write Transitioner
-  scenes.forEach(scene => {
-    const { route } = scene;
-    if (descriptors && descriptors[route.key]) {
-      scene.descriptor = descriptors[route.key];
-    }
-  });
-
-  // Bail out early if we didn't update the state
-  if (prevState === nextState) {
-    return scenes;
-  }
-
-  const prevScenes = new Map();
-  const freshScenes = new Map();
-  const staleScenes = new Map();
-
-  // Populate stale scenes from previous scenes marked as stale.
-  scenes.forEach(scene => {
-    const { key } = scene;
-    if (scene.isStale) {
-      staleScenes.set(key, scene);
-    }
-    prevScenes.set(key, scene);
-  });
-
-  const nextKeys = new Set();
-  let nextRoutes = nextState.routes;
-  if (nextRoutes.length > nextState.index + 1) {
-    console.warn(
-      'StackRouter provided invalid state, index should always be the top route'
-    );
-    nextRoutes = nextState.routes.slice(0, nextState.index + 1);
-  }
-
-  nextRoutes.forEach((route, index) => {
-    const key = SCENE_KEY_PREFIX + route.key;
-
-    let descriptor = descriptors && descriptors[route.key];
-
-    const scene: Scene = {
-      index,
-      isActive: false,
-      isStale: false,
-      key,
-      route,
-      descriptor,
-    };
-
-    if (nextKeys.has(key)) {
-      throw new Error(
-        `navigation.state.routes[${index}].key "${key}" conflicts with ` +
-          'another route!'
-      );
-    }
-
-    nextKeys.add(key);
-
-    if (staleScenes.has(key)) {
-      // A previously `stale` scene is now part of the nextState, so we
-      // revive it by removing it from the stale scene map.
-      staleScenes.delete(key);
-    }
-    freshScenes.set(key, scene);
-  });
-
-  if (prevState) {
-    let prevRoutes = prevState.routes;
-    if (prevRoutes.length > prevState.index + 1) {
-      console.warn(
-        'StackRouter provided invalid state, index should always be the top route'
-      );
-      prevRoutes = prevRoutes.slice(0, prevState.index + 1);
-    }
-    // Look at the previous routes and classify any removed scenes as `stale`.
-    prevRoutes.forEach((route, index) => {
-      const key = SCENE_KEY_PREFIX + route.key;
-      if (freshScenes.has(key)) {
-        return;
-      }
-      const lastScene = scenes.find(scene => scene.route.key === route.key);
-
-      // We can get into a weird place where we have a queued transition and then clobber
-      // that transition without ever actually rendering the scene, in which case
-      // there is no lastScene. If the descriptor is not available on the lastScene
-      // or the descriptors prop then we just skip adding it to stale scenes and it's
-      // not ever rendered.
-      const descriptor = lastScene
-        ? lastScene.descriptor
-        : descriptors[route.key];
-
-      if (descriptor) {
-        staleScenes.set(key, {
-          index,
-          isActive: false,
-          isStale: true,
-          key,
-          route,
-          descriptor,
-        });
-      }
-    });
-  }
-
-  const nextScenes: Scene[] = [];
-
-  const mergeScene = (nextScene: Scene) => {
-    const { key } = nextScene;
-    const prevScene = prevScenes.has(key) ? prevScenes.get(key) : null;
-    if (prevScene && areScenesShallowEqual(prevScene, nextScene)) {
-      // Reuse `prevScene` as `scene` so view can avoid unnecessary re-render.
-      // This assumes that the scene's navigation state is immutable.
-      nextScenes.push(prevScene);
-    } else {
-      nextScenes.push(nextScene);
-    }
-  };
-
-  staleScenes.forEach(mergeScene);
-  freshScenes.forEach(mergeScene);
-
-  nextScenes.sort(compareScenes);
-
-  let activeScenesCount = 0;
-  nextScenes.forEach((scene, ii) => {
-    const isActive = !scene.isStale && scene.index === nextState.index;
-    if (isActive !== scene.isActive) {
-      nextScenes[ii] = {
-        ...scene,
-        isActive,
-      };
-    }
-    if (isActive) {
-      activeScenesCount++;
-    }
-  });
-
-  if (activeScenesCount !== 1) {
-    throw new Error(
-      `There should always be only one scene active, not ${activeScenesCount}.`
-    );
-  }
-
-  if (nextScenes.length !== scenes.length) {
-    return nextScenes;
-  }
-
-  if (
-    nextScenes.some(
-      (scene, index) => !areScenesShallowEqual(scenes[index], scene)
-    )
-  ) {
-    return nextScenes;
-  }
-
-  // scenes haven't changed.
-  return scenes;
-}
diff --git a/src/views/Stack/Card.tsx b/src/views/Stack/Card.tsx
new file mode 100755
index 000000000..88514eda8
--- /dev/null
+++ b/src/views/Stack/Card.tsx
@@ -0,0 +1,594 @@
+import * as React from 'react';
+import {
+  View,
+  I18nManager,
+  StyleSheet,
+  ViewProps,
+  StyleProp,
+  ViewStyle,
+  Platform,
+} from 'react-native';
+import Animated from 'react-native-reanimated';
+import {
+  PanGestureHandler,
+  State as GestureState,
+} from 'react-native-gesture-handler';
+import { TransitionSpec, CardStyleInterpolator, Layout } from '../../types';
+import memoize from '../../utils/memoize';
+import StackGestureContext from '../../utils/StackGestureContext';
+import PointerEventsView from './PointerEventsView';
+
+type Props = ViewProps & {
+  index: number;
+  active: boolean;
+  closing?: boolean;
+  transparent?: boolean;
+  next?: Animated.Node<number>;
+  current: Animated.Value<number>;
+  layout: Layout;
+  direction: 'horizontal' | 'vertical';
+  onOpen: (isFinished: boolean) => void;
+  onClose: (isFinished: boolean) => void;
+  onTransitionStart?: (props: { closing: boolean }) => void;
+  onGestureBegin?: () => void;
+  onGestureCanceled?: () => void;
+  onGestureEnd?: () => void;
+  children: React.ReactNode;
+  overlayEnabled: boolean;
+  shadowEnabled: boolean;
+  gesturesEnabled: boolean;
+  gestureResponseDistance?: {
+    vertical?: number;
+    horizontal?: number;
+  };
+  transitionSpec: {
+    open: TransitionSpec;
+    close: TransitionSpec;
+  };
+  styleInterpolator: CardStyleInterpolator;
+  containerStyle?: StyleProp<ViewStyle>;
+  contentStyle?: StyleProp<ViewStyle>;
+};
+
+type Binary = 0 | 1;
+
+const TRUE = 1;
+const FALSE = 0;
+const NOOP = 0;
+const UNSET = -1;
+
+const DIRECTION_VERTICAL = -1;
+const DIRECTION_HORIZONTAL = 1;
+
+const SWIPE_VELOCITY_IMPACT = 0.01;
+
+/**
+ * The distance of touch start from the edge of the screen where the gesture will be recognized
+ */
+const GESTURE_RESPONSE_DISTANCE_HORIZONTAL = 50;
+const GESTURE_RESPONSE_DISTANCE_VERTICAL = 135;
+
+const {
+  abs,
+  add,
+  block,
+  call,
+  cond,
+  divide,
+  eq,
+  greaterThan,
+  lessThan,
+  max,
+  min,
+  multiply,
+  neq,
+  onChange,
+  set,
+  spring,
+  sub,
+  timing,
+  startClock,
+  stopClock,
+  clockRunning,
+  Clock,
+  Value,
+} = Animated;
+
+export default class Card extends React.Component<Props> {
+  static defaultProps = {
+    overlayEnabled: Platform.OS !== 'ios',
+    shadowEnabled: true,
+    gesturesEnabled: true,
+  };
+
+  componentDidUpdate(prevProps: Props) {
+    const { layout, direction, closing } = this.props;
+    const { width, height } = layout;
+
+    if (width !== prevProps.layout.width) {
+      this.layout.width.setValue(width);
+    }
+
+    if (height !== prevProps.layout.height) {
+      this.layout.height.setValue(height);
+    }
+
+    if (direction !== prevProps.direction) {
+      this.direction.setValue(
+        direction === 'vertical' ? DIRECTION_VERTICAL : DIRECTION_HORIZONTAL
+      );
+    }
+
+    if (closing !== prevProps.closing) {
+      this.isClosing.setValue(closing ? TRUE : FALSE);
+    }
+  }
+
+  private isVisible = new Value<Binary>(TRUE);
+  private nextIsVisible = new Value<Binary | -1>(UNSET);
+
+  private isClosing = new Value<Binary>(FALSE);
+  private isRunningAnimation = false;
+
+  private clock = new Clock();
+
+  private direction = new Value(
+    this.props.direction === 'vertical'
+      ? DIRECTION_VERTICAL
+      : DIRECTION_HORIZONTAL
+  );
+
+  private layout = {
+    width: new Value(this.props.layout.width),
+    height: new Value(this.props.layout.height),
+  };
+
+  private distance = cond(
+    eq(this.direction, DIRECTION_VERTICAL),
+    this.layout.height,
+    this.layout.width
+  );
+
+  private gesture = new Value(0);
+  private offset = new Value(0);
+  private velocity = new Value(0);
+
+  private gestureState = new Value(0);
+
+  private isSwiping = new Value(FALSE);
+  private isSwipeCancelled = new Value(FALSE);
+  private isSwipeGesture = new Value(FALSE);
+
+  private toValue = new Value(0);
+  private frameTime = new Value(0);
+
+  private transitionVelocity = new Value(0);
+
+  private transitionState = {
+    position: this.props.current,
+    time: new Value(0),
+    finished: new Value(FALSE),
+  };
+
+  private runTransition = (isVisible: Binary | Animated.Node<number>) => {
+    const { open: openingSpec, close: closingSpec } = this.props.transitionSpec;
+
+    return cond(eq(this.props.current, isVisible), NOOP, [
+      cond(clockRunning(this.clock), NOOP, [
+        // Animation wasn't running before
+        // Set the initial values and start the clock
+        set(this.toValue, isVisible),
+        // The velocity value is ideal for translating the whole screen
+        // But since we have 0-1 scale, we need to adjust the velocity
+        set(
+          this.transitionVelocity,
+          multiply(
+            cond(this.distance, divide(this.velocity, this.distance), 0),
+            -1
+          )
+        ),
+        set(this.frameTime, 0),
+        set(this.transitionState.time, 0),
+        set(this.transitionState.finished, FALSE),
+        set(this.isVisible, isVisible),
+        startClock(this.clock),
+        call([this.isVisible], ([value]: ReadonlyArray<Binary>) => {
+          const { onTransitionStart } = this.props;
+          this.isRunningAnimation = true;
+          onTransitionStart && onTransitionStart({ closing: !value });
+        }),
+      ]),
+      cond(
+        eq(isVisible, 1),
+        openingSpec.timing === 'spring'
+          ? spring(
+              this.clock,
+              { ...this.transitionState, velocity: this.transitionVelocity },
+              { ...openingSpec.config, toValue: this.toValue }
+            )
+          : timing(
+              this.clock,
+              { ...this.transitionState, frameTime: this.frameTime },
+              { ...openingSpec.config, toValue: this.toValue }
+            ),
+        closingSpec.timing === 'spring'
+          ? spring(
+              this.clock,
+              { ...this.transitionState, velocity: this.transitionVelocity },
+              { ...closingSpec.config, toValue: this.toValue }
+            )
+          : timing(
+              this.clock,
+              { ...this.transitionState, frameTime: this.frameTime },
+              { ...closingSpec.config, toValue: this.toValue }
+            )
+      ),
+      cond(this.transitionState.finished, [
+        // Reset values
+        set(this.isSwipeGesture, FALSE),
+        set(this.gesture, 0),
+        set(this.velocity, 0),
+        // When the animation finishes, stop the clock
+        stopClock(this.clock),
+        call([this.isVisible], ([value]: ReadonlyArray<Binary>) => {
+          const isOpen = Boolean(value);
+          const { onOpen, onClose } = this.props;
+          this.isRunningAnimation = false;
+          if (isOpen) {
+            onOpen(true);
+          } else {
+            onClose(true);
+          }
+        }),
+      ]),
+    ]);
+  };
+
+  private velocitySignum = cond(
+    this.velocity,
+    divide(abs(this.velocity), this.velocity),
+    0
+  );
+  private extrapolatedPosition = add(
+    this.gesture,
+    multiply(
+      this.velocity,
+      this.velocity,
+      this.velocitySignum,
+      SWIPE_VELOCITY_IMPACT
+    )
+  );
+
+  private exec = block([
+    onChange(
+      this.isClosing,
+      cond(this.isClosing, set(this.nextIsVisible, FALSE))
+    ),
+    onChange(
+      this.nextIsVisible,
+      cond(neq(this.nextIsVisible, UNSET), [
+        // Stop any running animations
+        cond(clockRunning(this.clock), [
+          call([], () => (this.isRunningAnimation = false)),
+          stopClock(this.clock),
+        ]),
+        set(this.gesture, 0),
+        // Update the index to trigger the transition
+        set(this.isVisible, this.nextIsVisible),
+        set(this.nextIsVisible, UNSET),
+      ])
+    ),
+    onChange(
+      this.isSwiping,
+      call(
+        [this.isSwiping, this.isSwipeCancelled],
+        ([isSwiping, isSwipeCancelled]: readonly Binary[]) => {
+          const {
+            onGestureBegin,
+            onGestureEnd,
+            onGestureCanceled,
+          } = this.props;
+
+          if (isSwiping === TRUE) {
+            onGestureBegin && onGestureBegin();
+          } else {
+            if (isSwipeCancelled === TRUE) {
+              onGestureCanceled && onGestureCanceled();
+            } else {
+              onGestureEnd && onGestureEnd();
+            }
+          }
+        }
+      )
+    ),
+    cond(
+      eq(this.gestureState, GestureState.ACTIVE),
+      [
+        cond(this.isSwiping, NOOP, [
+          // We weren't dragging before, set it to true
+          set(this.isSwipeCancelled, FALSE),
+          set(this.isSwiping, TRUE),
+          set(this.isSwipeGesture, TRUE),
+          // Also update the drag offset to the last position
+          set(this.offset, this.props.current),
+        ]),
+        // Update position with next offset + gesture distance
+        set(
+          this.props.current,
+          min(
+            max(
+              sub(
+                this.offset,
+                cond(this.distance, divide(this.gesture, this.distance), 1)
+              ),
+              0
+            ),
+            1
+          )
+        ),
+        // Stop animations while we're dragging
+        // and invoke proper listener
+        cond(
+          clockRunning(this.clock),
+          call([this.toValue], ([target]) => {
+            this.isRunningAnimation = false;
+            if (target) {
+              this.props.onOpen(false);
+            } else {
+              this.props.onClose(false);
+            }
+          })
+        ),
+        stopClock(this.clock),
+      ],
+      [
+        set(
+          this.isSwipeCancelled,
+          eq(this.gestureState, GestureState.CANCELLED)
+        ),
+        set(this.isSwiping, FALSE),
+        this.runTransition(
+          cond(
+            greaterThan(
+              abs(this.extrapolatedPosition),
+              divide(this.distance, 2)
+            ),
+            cond(
+              lessThan(
+                cond(eq(this.velocity, 0), this.gesture, this.velocity),
+                0
+              ),
+              TRUE,
+              FALSE
+            ),
+            this.isVisible
+          )
+        ),
+      ]
+    ),
+  ]);
+
+  private handleGestureEventHorizontal = Animated.event([
+    {
+      nativeEvent: {
+        translationX: (x: Animated.Adaptable<number>) =>
+          set(this.gesture, multiply(x, I18nManager.isRTL ? -1 : 1)),
+        velocityX: (x: Animated.Adaptable<number>) =>
+          set(this.velocity, multiply(x, I18nManager.isRTL ? -1 : 1)),
+        state: this.gestureState,
+      },
+    },
+  ]);
+
+  private handleGestureEventVertical = Animated.event([
+    {
+      nativeEvent: {
+        translationY: this.gesture,
+        velocityY: this.velocity,
+        state: this.gestureState,
+      },
+    },
+  ]);
+
+  componentWillUnmount(): void {
+    // It might sometimes happen than animation will be unmounted
+    // during running. However, we need to invoke listener onClose
+    // manually in this case
+    if (this.isRunningAnimation) {
+      this.props.onClose(false);
+    }
+  }
+
+  // We need to ensure that this style doesn't change unless absolutely needs to
+  // Changing it too often will result in huge frame drops due to detaching and attaching
+  // Changing it during an animations can result in unexpected results
+  private getInterpolatedStyle = memoize(
+    (
+      styleInterpolator: CardStyleInterpolator,
+      index: number,
+      current: Animated.Node<number>,
+      next: Animated.Node<number> | undefined,
+      layout: Layout
+    ) =>
+      styleInterpolator({
+        index,
+        progress: {
+          current,
+          next,
+        },
+        closing: this.isClosing,
+        layouts: {
+          screen: layout,
+        },
+      })
+  );
+
+  private gestureActivationCriteria() {
+    const { layout, direction, gestureResponseDistance } = this.props;
+
+    // Doesn't make sense for a response distance of 0, so this works fine
+    const distance =
+      direction === 'vertical'
+        ? (gestureResponseDistance && gestureResponseDistance.vertical) ||
+          GESTURE_RESPONSE_DISTANCE_VERTICAL
+        : (gestureResponseDistance && gestureResponseDistance.horizontal) ||
+          GESTURE_RESPONSE_DISTANCE_HORIZONTAL;
+
+    if (direction === 'vertical') {
+      return {
+        maxDeltaX: 15,
+        minOffsetY: 5,
+        hitSlop: { bottom: -layout.height + distance },
+      };
+    } else {
+      const hitSlop = -layout.width + distance;
+
+      if (I18nManager.isRTL) {
+        return {
+          minOffsetX: -5,
+          maxDeltaY: 20,
+          hitSlop: { left: hitSlop },
+        };
+      } else {
+        return {
+          minOffsetX: 5,
+          maxDeltaY: 20,
+          hitSlop: { right: hitSlop },
+        };
+      }
+    }
+  }
+
+  private gestureRef: React.Ref<PanGestureHandler> = React.createRef();
+
+  render() {
+    const {
+      index,
+      active,
+      transparent,
+      layout,
+      current,
+      next,
+      direction,
+      overlayEnabled,
+      shadowEnabled,
+      gesturesEnabled,
+      children,
+      styleInterpolator,
+      containerStyle: customContainerStyle,
+      contentStyle,
+      ...rest
+    } = this.props;
+
+    const {
+      containerStyle,
+      cardStyle,
+      overlayStyle,
+      shadowStyle,
+    } = this.getInterpolatedStyle(
+      styleInterpolator,
+      index,
+      current,
+      next,
+      layout
+    );
+
+    const handleGestureEvent =
+      direction === 'vertical'
+        ? this.handleGestureEventVertical
+        : this.handleGestureEventHorizontal;
+
+    return (
+      <StackGestureContext.Provider value={this.gestureRef}>
+        <View pointerEvents="box-none" {...rest}>
+          <Animated.Code exec={this.exec} />
+          {overlayEnabled && overlayStyle ? (
+            <Animated.View
+              pointerEvents="none"
+              style={[styles.overlay, overlayStyle]}
+            />
+          ) : null}
+          <Animated.View
+            style={[styles.container, containerStyle, customContainerStyle]}
+            pointerEvents="box-none"
+          >
+            <PanGestureHandler
+              ref={this.gestureRef}
+              enabled={layout.width !== 0 && gesturesEnabled}
+              onGestureEvent={handleGestureEvent}
+              onHandlerStateChange={handleGestureEvent}
+              {...this.gestureActivationCriteria()}
+            >
+              <Animated.View style={[styles.container, cardStyle]}>
+                {shadowEnabled && shadowStyle && !transparent ? (
+                  <Animated.View
+                    style={[
+                      styles.shadow,
+                      direction === 'horizontal'
+                        ? styles.shadowHorizontal
+                        : styles.shadowVertical,
+                      shadowStyle,
+                    ]}
+                    pointerEvents="none"
+                  />
+                ) : null}
+                <PointerEventsView
+                  active={active}
+                  progress={this.props.current}
+                  style={[
+                    styles.content,
+                    transparent ? styles.transparent : styles.opaque,
+                    contentStyle,
+                  ]}
+                >
+                  {children}
+                </PointerEventsView>
+              </Animated.View>
+            </PanGestureHandler>
+          </Animated.View>
+        </View>
+      </StackGestureContext.Provider>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  content: {
+    flex: 1,
+    overflow: 'hidden',
+  },
+  overlay: {
+    ...StyleSheet.absoluteFillObject,
+    backgroundColor: '#000',
+  },
+  shadow: {
+    position: 'absolute',
+    backgroundColor: '#fff',
+    shadowRadius: 5,
+    shadowColor: '#000',
+    shadowOpacity: 0.3,
+  },
+  shadowHorizontal: {
+    top: 0,
+    left: 0,
+    bottom: 0,
+    width: 3,
+    shadowOffset: { width: -1, height: 1 },
+  },
+  shadowVertical: {
+    top: 0,
+    left: 0,
+    right: 0,
+    height: 3,
+    shadowOffset: { width: 1, height: -1 },
+  },
+  transparent: {
+    backgroundColor: 'transparent',
+  },
+  opaque: {
+    backgroundColor: '#eee',
+  },
+});
diff --git a/src/views/Stack/PointerEventsView.tsx b/src/views/Stack/PointerEventsView.tsx
new file mode 100644
index 000000000..b4582e7d9
--- /dev/null
+++ b/src/views/Stack/PointerEventsView.tsx
@@ -0,0 +1,63 @@
+import * as React from 'react';
+import { View, ViewProps } from 'react-native';
+import Animated from 'react-native-reanimated';
+
+type Binary = 0 | 1;
+
+type Props = ViewProps & {
+  active: boolean;
+  progress: Animated.Node<number>;
+  children: React.ReactNode;
+};
+
+const MIN_PROGRESS = 0.99;
+
+const TRUE = 1;
+const FALSE = 0;
+const NOOP = 0;
+
+const { block, greaterThan, cond, set, call, onChange } = Animated;
+
+/**
+ * Component that automatically computes the `pointerEvents` property
+ * whenever position changes.
+ */
+export default class PointerEventsView extends React.Component<Props> {
+  private pointerEventsEnabled = new Animated.Value<Binary>(
+    this.props.active ? TRUE : FALSE
+  );
+
+  private exec = block([
+    cond(
+      greaterThan(this.props.progress, MIN_PROGRESS),
+      cond(
+        this.pointerEventsEnabled,
+        NOOP,
+        set(this.pointerEventsEnabled, TRUE)
+      ),
+      cond(this.pointerEventsEnabled, set(this.pointerEventsEnabled, FALSE))
+    ),
+    onChange(
+      this.pointerEventsEnabled,
+      call([this.pointerEventsEnabled], ([value]) => {
+        const pointerEvents = this.props.active && value ? 'box-none' : 'none';
+
+        this.root && this.root.setNativeProps({ pointerEvents });
+      })
+    ),
+  ]);
+
+  private root: View | null = null;
+
+  render() {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { active, progress, ...rest } = this.props;
+
+    return (
+      <React.Fragment>
+        <Animated.Code exec={this.exec} />
+        <View ref={c => (this.root = c)} {...rest} />
+      </React.Fragment>
+    );
+  }
+}
diff --git a/src/views/Stack/Stack.tsx b/src/views/Stack/Stack.tsx
new file mode 100755
index 000000000..47c1abf1e
--- /dev/null
+++ b/src/views/Stack/Stack.tsx
@@ -0,0 +1,432 @@
+import * as React from 'react';
+import {
+  View,
+  StyleSheet,
+  LayoutChangeEvent,
+  Dimensions,
+  Platform,
+  ViewProps,
+} from 'react-native';
+import Animated from 'react-native-reanimated';
+import * as Screens from 'react-native-screens'; // Import with * as to prevent getters being called
+import { getDefaultHeaderHeight } from '../Header/HeaderSegment';
+import { Props as HeaderContainerProps } from '../Header/HeaderContainer';
+import StackItem from './StackItem';
+import {
+  DefaultTransition,
+  ModalTransition,
+} from '../../TransitionConfigs/TransitionPresets';
+import { forNoAnimation } from '../../TransitionConfigs/HeaderStyleInterpolators';
+import {
+  Route,
+  Layout,
+  HeaderMode,
+  SceneDescriptor,
+  NavigationProp,
+  HeaderScene,
+} from '../../types';
+
+type ProgressValues = {
+  [key: string]: Animated.Value<number>;
+};
+
+type Props = {
+  mode: 'card' | 'modal';
+  navigation: NavigationProp;
+  descriptors: { [key: string]: SceneDescriptor };
+  routes: Route[];
+  openingRoutes: string[];
+  closingRoutes: string[];
+  onGoBack: (props: { route: Route }) => void;
+  onOpenRoute: (props: { route: Route }) => void;
+  onCloseRoute: (props: { route: Route }) => void;
+  getPreviousRoute: (props: { route: Route }) => Route | undefined;
+  getGesturesEnabled: (props: { route: Route }) => boolean;
+  renderHeader: (props: HeaderContainerProps) => React.ReactNode;
+  renderScene: (props: { route: Route }) => React.ReactNode;
+  headerMode: HeaderMode;
+  onTransitionStart?: (
+    current: { index: number },
+    previous: { index: number }
+  ) => void;
+  onGestureBegin?: () => void;
+  onGestureCanceled?: () => void;
+  onGestureEnd?: () => void;
+};
+
+type State = {
+  routes: Route[];
+  descriptors: { [key: string]: SceneDescriptor };
+  scenes: HeaderScene<Route>[];
+  progress: ProgressValues;
+  layout: Layout;
+  floatingHeaderHeights: { [key: string]: number };
+};
+
+const dimensions = Dimensions.get('window');
+const layout = { width: dimensions.width, height: dimensions.height };
+
+let AnimatedScreen: React.ComponentType<
+  ViewProps & { active: number | Animated.Node<number> }
+>;
+
+const MaybeScreenContainer = ({
+  enabled,
+  ...rest
+}: ViewProps & {
+  enabled: boolean;
+  children: React.ReactNode;
+}) => {
+  if (Platform.OS !== 'ios' && enabled && Screens.screensEnabled()) {
+    return <Screens.ScreenContainer {...rest} />;
+  }
+
+  return <View {...rest} />;
+};
+
+const MaybeScreen = ({
+  enabled,
+  active,
+  ...rest
+}: ViewProps & {
+  enabled: boolean;
+  active: number | Animated.Node<number>;
+  children: React.ReactNode;
+}) => {
+  if (Platform.OS !== 'ios' && enabled && Screens.screensEnabled()) {
+    AnimatedScreen =
+      AnimatedScreen || Animated.createAnimatedComponent(Screens.NativeScreen);
+
+    return <AnimatedScreen active={active} {...rest} />;
+  }
+
+  return <View {...rest} />;
+};
+
+const { cond, eq } = Animated;
+
+const ANIMATED_ONE = new Animated.Value(1);
+
+const getFloatingHeaderHeights = (
+  routes: Route[],
+  layout: Layout,
+  previous: { [key: string]: number }
+) => {
+  const defaultHeaderHeight = getDefaultHeaderHeight(layout);
+
+  return routes.reduce(
+    (acc, curr) => {
+      acc[curr.key] = previous[curr.key] || defaultHeaderHeight;
+
+      return acc;
+    },
+    {} as { [key: string]: number }
+  );
+};
+
+export default class Stack extends React.Component<Props, State> {
+  static getDerivedStateFromProps(props: Props, state: State) {
+    if (
+      props.routes === state.routes &&
+      props.descriptors === state.descriptors
+    ) {
+      return null;
+    }
+
+    const progress = props.routes.reduce(
+      (acc, curr) => {
+        acc[curr.key] =
+          state.progress[curr.key] ||
+          new Animated.Value(
+            props.openingRoutes.includes(curr.key) &&
+            props.descriptors[curr.key].options.animationEnabled !== false
+              ? 0
+              : 1
+          );
+
+        return acc;
+      },
+      {} as ProgressValues
+    );
+
+    return {
+      routes: props.routes,
+      scenes: props.routes.map((route, index, self) => {
+        const previousRoute = self[index - 1];
+        const nextRoute = self[index + 1];
+
+        const current = progress[route.key];
+        const previous = previousRoute
+          ? progress[previousRoute.key]
+          : undefined;
+        const next = nextRoute ? progress[nextRoute.key] : undefined;
+
+        const scene = {
+          route,
+          previous: previousRoute,
+          descriptor: props.descriptors[route.key],
+          progress: {
+            current,
+            next,
+            previous,
+          },
+        };
+
+        const oldScene = state.scenes[index];
+
+        if (
+          oldScene &&
+          scene.route === oldScene.route &&
+          scene.progress.current === oldScene.progress.current &&
+          scene.progress.next === oldScene.progress.next &&
+          scene.progress.previous === oldScene.progress.previous &&
+          scene.descriptor === oldScene.descriptor
+        ) {
+          return oldScene;
+        }
+
+        return scene;
+      }),
+      progress,
+      descriptors: props.descriptors,
+      floatingHeaderHeights: getFloatingHeaderHeights(
+        props.routes,
+        state.layout,
+        state.floatingHeaderHeights
+      ),
+    };
+  }
+
+  state: State = {
+    routes: [],
+    scenes: [],
+    progress: {},
+    layout,
+    descriptors: this.props.descriptors,
+    // Used when card's header is null and mode is float to make transition
+    // between screens with headers and those without headers smooth.
+    // This is not a great heuristic here. We don't know synchronously
+    // on mount what the header height is so we have just used the most
+    // common cases here.
+    floatingHeaderHeights: {},
+  };
+
+  private handleLayout = (e: LayoutChangeEvent) => {
+    const { height, width } = e.nativeEvent.layout;
+
+    if (
+      height === this.state.layout.height &&
+      width === this.state.layout.width
+    ) {
+      return;
+    }
+
+    const layout = { width, height };
+
+    this.setState({
+      layout,
+      floatingHeaderHeights: getFloatingHeaderHeights(
+        this.props.routes,
+        layout,
+        {}
+      ),
+    });
+  };
+
+  private handleFloatingHeaderLayout = ({
+    route,
+    height,
+  }: {
+    route: Route;
+    height: number;
+  }) => {
+    const previousHeight = this.state.floatingHeaderHeights[route.key];
+
+    if (previousHeight && previousHeight === height) {
+      return;
+    }
+
+    this.setState(state => ({
+      floatingHeaderHeights: {
+        ...state.floatingHeaderHeights,
+        [route.key]: height,
+      },
+    }));
+  };
+
+  private handleTransitionStart = ({
+    route,
+    current,
+    previous,
+  }: {
+    route: Route;
+    current: { index: number };
+    previous: { index: number };
+  }) => {
+    const { onTransitionStart, descriptors } = this.props;
+    const options = descriptors[route.key].options;
+
+    onTransitionStart && onTransitionStart(current, previous);
+    options.onTransitionStart && options.onTransitionStart();
+  };
+
+  private handleTransitionEnd = ({ route }: { route: Route }) => {
+    const options = this.props.descriptors[route.key].options;
+    options.onTransitionEnd && options.onTransitionEnd();
+  };
+
+  render() {
+    const {
+      mode,
+      descriptors,
+      navigation,
+      routes,
+      closingRoutes,
+      onOpenRoute,
+      onCloseRoute,
+      onGoBack,
+      getPreviousRoute,
+      getGesturesEnabled,
+      renderHeader,
+      renderScene,
+      headerMode,
+      onGestureBegin,
+      onGestureCanceled,
+      onGestureEnd,
+    } = this.props;
+
+    const { scenes, layout, progress, floatingHeaderHeights } = this.state;
+
+    const focusedRoute = navigation.state.routes[navigation.state.index];
+    const focusedOptions = descriptors[focusedRoute.key].options;
+
+    let defaultTransitionPreset =
+      mode === 'modal' ? ModalTransition : DefaultTransition;
+
+    if (headerMode === 'screen') {
+      defaultTransitionPreset = {
+        ...defaultTransitionPreset,
+        headerStyleInterpolator: forNoAnimation,
+      };
+    }
+
+    return (
+      <React.Fragment>
+        <MaybeScreenContainer
+          enabled={mode !== 'modal'}
+          style={styles.container}
+          onLayout={this.handleLayout}
+        >
+          {routes.map((route, index, self) => {
+            const focused = focusedRoute.key === route.key;
+            const current = progress[route.key];
+            const descriptor = descriptors[route.key];
+            const scene = scenes[index];
+            const next = self[index + 1]
+              ? progress[self[index + 1].key]
+              : ANIMATED_ONE;
+
+            // Display current screen and a screen beneath. On Android screen beneath is hidden on animation finished bs of RNS's issue.
+            const isScreenActive =
+              index === self.length - 1
+                ? 1
+                : Platform.OS === 'android'
+                ? cond(eq(next, 1), 0, 1)
+                : index === self.length - 2
+                ? 1
+                : 0;
+
+            const {
+              header,
+              headerTransparent,
+              cardTransparent,
+              cardShadowEnabled,
+              cardOverlayEnabled,
+              cardStyle,
+              gestureResponseDistance,
+              direction = defaultTransitionPreset.direction,
+              transitionSpec = defaultTransitionPreset.transitionSpec,
+              cardStyleInterpolator = defaultTransitionPreset.cardStyleInterpolator,
+              headerStyleInterpolator = defaultTransitionPreset.headerStyleInterpolator,
+            } = descriptor.options;
+
+            return (
+              <MaybeScreen
+                key={route.key}
+                style={StyleSheet.absoluteFill}
+                enabled={mode !== 'modal'}
+                active={isScreenActive}
+                pointerEvents="box-none"
+              >
+                <StackItem
+                  index={index}
+                  active={index === self.length - 1}
+                  focused={focused}
+                  closing={closingRoutes.includes(route.key)}
+                  layout={layout}
+                  current={current}
+                  scene={scene}
+                  previousScene={scenes[index - 1]}
+                  navigation={navigation}
+                  cardTransparent={cardTransparent}
+                  cardOverlayEnabled={cardOverlayEnabled}
+                  cardShadowEnabled={cardShadowEnabled}
+                  cardStyle={cardStyle}
+                  gesturesEnabled={index !== 0 && getGesturesEnabled({ route })}
+                  onGestureBegin={onGestureBegin}
+                  onGestureCanceled={onGestureCanceled}
+                  onGestureEnd={onGestureEnd}
+                  gestureResponseDistance={gestureResponseDistance}
+                  floatingHeaderHeight={floatingHeaderHeights[route.key]}
+                  hasCustomHeader={header === null}
+                  getPreviousRoute={getPreviousRoute}
+                  headerMode={headerMode}
+                  headerTransparent={headerTransparent}
+                  renderHeader={renderHeader}
+                  renderScene={renderScene}
+                  onOpenRoute={onOpenRoute}
+                  onCloseRoute={onCloseRoute}
+                  onTransitionStart={this.handleTransitionStart}
+                  onTransitionEnd={this.handleTransitionEnd}
+                  onGoBack={onGoBack}
+                  direction={direction}
+                  transitionSpec={transitionSpec}
+                  cardStyleInterpolator={cardStyleInterpolator}
+                  headerStyleInterpolator={headerStyleInterpolator}
+                />
+              </MaybeScreen>
+            );
+          })}
+        </MaybeScreenContainer>
+        {headerMode === 'float'
+          ? renderHeader({
+              mode: 'float',
+              layout,
+              scenes,
+              navigation,
+              getPreviousRoute,
+              onContentHeightChange: this.handleFloatingHeaderLayout,
+              styleInterpolator:
+                focusedOptions.headerStyleInterpolator !== undefined
+                  ? focusedOptions.headerStyleInterpolator
+                  : defaultTransitionPreset.headerStyleInterpolator,
+              style: styles.floating,
+            })
+          : null}
+      </React.Fragment>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    overflow: 'hidden',
+  },
+  floating: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+  },
+});
diff --git a/src/views/Stack/StackItem.tsx b/src/views/Stack/StackItem.tsx
new file mode 100644
index 000000000..9f78870d3
--- /dev/null
+++ b/src/views/Stack/StackItem.tsx
@@ -0,0 +1,171 @@
+import * as React from 'react';
+import { StyleSheet, Platform, StyleProp, ViewStyle } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { Props as HeaderContainerProps } from '../Header/HeaderContainer';
+import Card from './Card';
+import {
+  Route,
+  HeaderScene,
+  Layout,
+  HeaderMode,
+  NavigationProp,
+  TransitionPreset,
+} from '../../types';
+
+type Props = TransitionPreset & {
+  index: number;
+  active: boolean;
+  focused: boolean;
+  closing: boolean;
+  layout: Layout;
+  current: Animated.Value<number>;
+  previousScene?: HeaderScene<Route>;
+  scene: HeaderScene<Route>;
+  navigation: NavigationProp;
+  cardTransparent?: boolean;
+  cardOverlayEnabled?: boolean;
+  cardShadowEnabled?: boolean;
+  cardStyle?: StyleProp<ViewStyle>;
+  gesturesEnabled?: boolean;
+  getPreviousRoute: (props: { route: Route }) => Route | undefined;
+  renderHeader: (props: HeaderContainerProps) => React.ReactNode;
+  renderScene: (props: { route: Route }) => React.ReactNode;
+  onOpenRoute: (props: { route: Route }) => void;
+  onCloseRoute: (props: { route: Route }) => void;
+  onGoBack: (props: { route: Route }) => void;
+  onTransitionStart?: (props: {
+    route: Route;
+    current: { index: number };
+    previous: { index: number };
+  }) => void;
+  onTransitionEnd?: (props: { route: Route }) => void;
+  onGestureBegin?: () => void;
+  onGestureCanceled?: () => void;
+  onGestureEnd?: () => void;
+  gestureResponseDistance?: {
+    vertical?: number;
+    horizontal?: number;
+  };
+  headerMode: HeaderMode;
+  headerTransparent?: boolean;
+  floatingHeaderHeight: number;
+  hasCustomHeader: boolean;
+};
+
+export default class StackItem extends React.PureComponent<Props> {
+  private handleOpen = () => {
+    const { scene, onTransitionEnd, onOpenRoute } = this.props;
+
+    onTransitionEnd && onTransitionEnd({ route: scene.route });
+    onOpenRoute({ route: scene.route });
+  };
+
+  private handleClose = () => {
+    const { scene, onTransitionEnd, onCloseRoute } = this.props;
+
+    onTransitionEnd && onTransitionEnd({ route: scene.route });
+    onCloseRoute({ route: scene.route });
+  };
+
+  private handleTransitionStart = ({ closing }: { closing: boolean }) => {
+    const { index, scene, onTransitionStart, onGoBack } = this.props;
+
+    onTransitionStart &&
+      onTransitionStart({
+        route: scene.route,
+        previous: { index: closing ? index - 1 : index },
+        current: { index },
+      });
+
+    closing && onGoBack({ route: scene.route });
+  };
+
+  render() {
+    const {
+      index,
+      layout,
+      active,
+      focused,
+      closing,
+      current,
+      navigation,
+      scene,
+      previousScene,
+      cardTransparent,
+      cardOverlayEnabled,
+      cardShadowEnabled,
+      cardStyle,
+      gesturesEnabled,
+      onGestureBegin,
+      onGestureCanceled,
+      onGestureEnd,
+      gestureResponseDistance,
+      floatingHeaderHeight,
+      hasCustomHeader,
+      getPreviousRoute,
+      headerMode,
+      headerTransparent,
+      renderHeader,
+      renderScene,
+      direction,
+      transitionSpec,
+      cardStyleInterpolator,
+      headerStyleInterpolator,
+    } = this.props;
+
+    return (
+      <Card
+        index={index}
+        active={active}
+        transparent={cardTransparent}
+        direction={direction}
+        layout={layout}
+        current={current}
+        next={scene.progress.next}
+        closing={closing}
+        onOpen={this.handleOpen}
+        onClose={this.handleClose}
+        overlayEnabled={cardOverlayEnabled}
+        shadowEnabled={cardShadowEnabled}
+        gesturesEnabled={gesturesEnabled}
+        onTransitionStart={this.handleTransitionStart}
+        onGestureBegin={onGestureBegin}
+        onGestureCanceled={onGestureCanceled}
+        onGestureEnd={onGestureEnd}
+        gestureResponseDistance={gestureResponseDistance}
+        transitionSpec={transitionSpec}
+        styleInterpolator={cardStyleInterpolator}
+        accessibilityElementsHidden={!focused}
+        importantForAccessibility={focused ? 'auto' : 'no-hide-descendants'}
+        pointerEvents="box-none"
+        containerStyle={
+          headerMode === 'float' && !headerTransparent && !hasCustomHeader
+            ? { marginTop: floatingHeaderHeight }
+            : null
+        }
+        contentStyle={cardStyle}
+        style={StyleSheet.absoluteFill}
+      >
+        {headerMode === 'screen'
+          ? renderHeader({
+              mode: 'screen',
+              layout,
+              scenes: [previousScene, scene],
+              navigation,
+              getPreviousRoute,
+              styleInterpolator: headerStyleInterpolator,
+              style: styles.header,
+            })
+          : null}
+        {renderScene({ route: scene.route })}
+      </Card>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  header: {
+    // This is needed to show elevation shadow
+    zIndex: Platform.OS === 'android' ? 1 : 0,
+  },
+});
diff --git a/src/views/Stack/StackView.tsx b/src/views/Stack/StackView.tsx
new file mode 100644
index 000000000..691f4f22a
--- /dev/null
+++ b/src/views/Stack/StackView.tsx
@@ -0,0 +1,307 @@
+import * as React from 'react';
+import { Platform } from 'react-native';
+import { SceneView, StackActions } from '@react-navigation/core';
+import Stack from './Stack';
+import HeaderContainer, {
+  Props as HeaderContainerProps,
+} from '../Header/HeaderContainer';
+import {
+  NavigationProp,
+  SceneDescriptor,
+  NavigationConfig,
+  Route,
+} from '../../types';
+
+type Descriptors = { [key: string]: SceneDescriptor };
+
+type Props = {
+  navigation: NavigationProp;
+  descriptors: Descriptors;
+  navigationConfig: NavigationConfig;
+  onTransitionStart?: (
+    current: { index: number },
+    previous: { index: number }
+  ) => void;
+  onGestureBegin?: () => void;
+  onGestureCanceled?: () => void;
+  onGestureEnd?: () => void;
+  screenProps?: unknown;
+};
+
+type State = {
+  // Local copy of the routes which are actually rendered
+  routes: Route[];
+  // List of routes being opened, we need to animate pushing of these new routes
+  opening: string[];
+  // List of routes being closed, we need to animate popping of thse routes
+  closing: string[];
+  // List of routes being replaced, we need to keep a copy until the new route animates in
+  replacing: string[];
+  // Since the local routes can vary from the routes from props, we need to keep the descriptors for old routes
+  // Otherwise we won't be able to access the options for routes that were removed
+  descriptors: Descriptors;
+};
+
+class StackView extends React.Component<Props, State> {
+  static getDerivedStateFromProps(
+    props: Readonly<Props>,
+    state: Readonly<State>
+  ) {
+    // Here we determine which routes were added or removed to animate them
+    // We keep a copy of the route being removed in local state to be able to animate it
+
+    const { navigation } = props;
+
+    let routes =
+      navigation.state.index < navigation.state.routes.length - 1
+        ? // Remove any extra routes from the state
+          // The last visible route should be the focused route, i.e. at current index
+          navigation.state.routes.slice(0, navigation.state.index + 1)
+        : navigation.state.routes;
+
+    if (navigation.state.index < navigation.state.routes.length - 1) {
+      console.warn(
+        'StackRouter provided invalid state, index should always be the last route in the stack.'
+      );
+    }
+
+    if (!routes.length) {
+      throw new Error(`There should always be at least one route.`);
+    }
+
+    // If there was no change in routes, we don't need to compute anything
+    if (routes === state.routes || !state.routes.length) {
+      return {
+        routes,
+        descriptors: props.descriptors,
+      };
+    }
+
+    // Now we need to determine which routes were added and removed
+    let { opening, closing, replacing } = state;
+
+    const previousRoutes = state.routes.filter(
+      route => !closing.includes(route.key) && !replacing.includes(route.key)
+    );
+
+    const previousFocusedRoute = previousRoutes[previousRoutes.length - 1];
+    const nextFocusedRoute = routes[routes.length - 1];
+
+    if (previousFocusedRoute.key !== nextFocusedRoute.key) {
+      // We only need to animate routes if the focused route changed
+      // Animating previous routes won't be visible coz the focused route is on top of everything
+
+      const isAnimationEnabled = (route: Route) =>
+        (props.descriptors[route.key] || state.descriptors[route.key]).options
+          .animationEnabled !== false;
+
+      if (!previousRoutes.find(r => r.key === nextFocusedRoute.key)) {
+        // A new route has come to the focus, we treat this as a push
+        // A replace can also trigger this, the animation should look like push
+
+        if (
+          isAnimationEnabled(nextFocusedRoute) &&
+          !opening.includes(nextFocusedRoute.key)
+        ) {
+          // In this case, we need to animate pushing the focused route
+          // We don't care about animating any other addded routes because they won't be visible
+          opening = [...opening, nextFocusedRoute.key];
+
+          closing = closing.filter(key => key !== nextFocusedRoute.key);
+          replacing = replacing.filter(key => key !== nextFocusedRoute.key);
+
+          if (!routes.find(r => r.key === previousFocusedRoute.key)) {
+            // The previous focused route isn't present in state, we treat this as a replace
+
+            replacing = [...replacing, previousFocusedRoute.key];
+
+            opening = opening.filter(key => key !== previousFocusedRoute.key);
+            closing = closing.filter(key => key !== previousFocusedRoute.key);
+
+            // Keep the old route in state because it's visible under the new route, and removing it will feel abrupt
+            // We need to insert it just before the focused one (the route being pushed)
+            // After the push animation is completed, routes being replaced will be removed completely
+            routes = routes.slice();
+            routes.splice(routes.length - 1, 0, previousFocusedRoute);
+          }
+        }
+      } else if (!routes.find(r => r.key === previousFocusedRoute.key)) {
+        // The previously focused route was removed, we treat this as a pop
+
+        if (
+          isAnimationEnabled(previousFocusedRoute) &&
+          !closing.includes(previousFocusedRoute.key)
+        ) {
+          // Sometimes a route can be closed before the opening animation finishes
+          // So we also need to remove it from the opening list
+          closing = [...closing, previousFocusedRoute.key];
+
+          opening = opening.filter(key => key !== previousFocusedRoute.key);
+          replacing = replacing.filter(key => key !== previousFocusedRoute.key);
+
+          // Keep a copy of route being removed in the state to be able to animate it
+          routes = [...routes, previousFocusedRoute];
+        }
+      } else {
+        // Looks like some routes were re-arranged and no focused routes were added/removed
+        // i.e. the currently focused route already existed and the previously focused route still exists
+        // We don't know how to animate this
+      }
+    }
+
+    const descriptors = routes.reduce(
+      (acc, route) => {
+        acc[route.key] =
+          props.descriptors[route.key] || state.descriptors[route.key];
+
+        return acc;
+      },
+      {} as Descriptors
+    );
+
+    return {
+      routes,
+      opening,
+      closing,
+      replacing,
+      descriptors,
+    };
+  }
+
+  state: State = {
+    routes: [],
+    opening: [],
+    closing: [],
+    replacing: [],
+    descriptors: {},
+  };
+
+  private getGesturesEnabled = ({ route }: { route: Route }) => {
+    const descriptor = this.state.descriptors[route.key];
+
+    if (descriptor) {
+      const { gesturesEnabled, animationEnabled } = descriptor.options;
+
+      if (animationEnabled === false) {
+        // When animation is disabled, also disable gestures
+        // The gesture to dismiss a route will look weird when not animated
+        return false;
+      }
+
+      return gesturesEnabled !== undefined
+        ? gesturesEnabled
+        : Platform.OS !== 'android';
+    }
+
+    return false;
+  };
+
+  private getPreviousRoute = ({ route }: { route: Route }) => {
+    const { closing, replacing } = this.state;
+    const routes = this.state.routes.filter(
+      r =>
+        r.key === route.key ||
+        (!closing.includes(r.key) && !replacing.includes(r.key))
+    );
+    const index = routes.findIndex(r => r.key === route.key);
+
+    return routes[index - 1];
+  };
+
+  private renderScene = ({ route }: { route: Route }) => {
+    const descriptor = this.state.descriptors[route.key];
+    const { navigation, getComponent } = descriptor;
+    const SceneComponent = getComponent();
+
+    return (
+      <SceneView
+        screenProps={this.props.screenProps}
+        navigation={navigation}
+        component={SceneComponent}
+      />
+    );
+  };
+
+  private renderHeader = (props: HeaderContainerProps) => {
+    return <HeaderContainer {...props} />;
+  };
+
+  private handleTransitionComplete = () => {
+    // TODO: remove when the new event system lands
+    this.props.navigation.dispatch(StackActions.completeTransition());
+  };
+
+  private handleGoBack = ({ route }: { route: Route }) => {
+    // This event will trigger when a gesture ends
+    // We need to perform the transition before removing the route completely
+    this.props.navigation.dispatch(StackActions.pop({ key: route.key }));
+  };
+
+  private handleOpenRoute = ({ route }: { route: Route }) => {
+    this.handleTransitionComplete();
+    this.setState(state => ({
+      routes: state.replacing.length
+        ? state.routes.filter(r => !state.replacing.includes(r.key))
+        : state.routes,
+      opening: state.opening.filter(key => key !== route.key),
+      replacing: [],
+    }));
+  };
+
+  private handleCloseRoute = ({ route }: { route: Route }) => {
+    this.handleTransitionComplete();
+
+    // This event will trigger when the animation for closing the route ends
+    // In this case, we need to clean up any state tracking the route and pop it immediately
+
+    // @ts-ignore
+    this.setState(state => ({
+      routes: state.routes.filter(r => r.key !== route.key),
+      opening: state.closing.filter(key => key !== route.key),
+      closing: state.closing.filter(key => key !== route.key),
+    }));
+  };
+
+  render() {
+    const {
+      navigation,
+      navigationConfig,
+      onTransitionStart,
+      onGestureBegin,
+      onGestureCanceled,
+      onGestureEnd,
+    } = this.props;
+
+    const { mode, ...config } = navigationConfig;
+    const { routes, descriptors, opening, closing } = this.state;
+
+    const headerMode =
+      mode !== 'modal' && Platform.OS === 'ios' ? 'float' : 'screen';
+
+    return (
+      <Stack
+        mode={mode}
+        getPreviousRoute={this.getPreviousRoute}
+        getGesturesEnabled={this.getGesturesEnabled}
+        routes={routes}
+        openingRoutes={opening}
+        closingRoutes={closing}
+        onGoBack={this.handleGoBack}
+        onOpenRoute={this.handleOpenRoute}
+        onCloseRoute={this.handleCloseRoute}
+        onTransitionStart={onTransitionStart}
+        onGestureBegin={onGestureBegin}
+        onGestureCanceled={onGestureCanceled}
+        onGestureEnd={onGestureEnd}
+        renderHeader={this.renderHeader}
+        renderScene={this.renderScene}
+        headerMode={headerMode}
+        navigation={navigation}
+        descriptors={descriptors}
+        {...config}
+      />
+    );
+  }
+}
+
+export default StackView;
diff --git a/src/views/StackView/StackView.tsx b/src/views/StackView/StackView.tsx
deleted file mode 100644
index da8eb400f..000000000
--- a/src/views/StackView/StackView.tsx
+++ /dev/null
@@ -1,142 +0,0 @@
-import * as React from 'react';
-
-import { StackActions } from '@react-navigation/core';
-import StackViewLayout from './StackViewLayout';
-import Transitioner from '../Transitioner';
-import TransitionConfigs from './StackViewTransitionConfigs';
-import {
-  NavigationProp,
-  SceneDescriptor,
-  NavigationConfig,
-  TransitionProps,
-  Scene,
-} from '../../types';
-
-type Props = {
-  navigation: NavigationProp;
-  descriptors: { [key: string]: SceneDescriptor };
-  navigationConfig: NavigationConfig;
-  onTransitionStart?: () => void;
-  onGestureBegin?: () => void;
-  onGestureCanceled?: () => void;
-  onGestureEnd?: () => void;
-  screenProps?: unknown;
-};
-
-const USE_NATIVE_DRIVER = true;
-
-// NOTE(brentvatne): this was previously in defaultProps, but that is deceiving
-// because the entire object will be clobbered by navigationConfig that is
-// passed in.
-const DefaultNavigationConfig = {
-  mode: 'card',
-  cardShadowEnabled: true,
-  cardOverlayEnabled: false,
-};
-
-class StackView extends React.Component<Props> {
-  render() {
-    return (
-      <Transitioner
-        render={this.renderStackviewLayout}
-        configureTransition={this.configureTransition}
-        screenProps={this.props.screenProps}
-        navigation={this.props.navigation}
-        descriptors={this.props.descriptors}
-        onTransitionStart={
-          this.props.onTransitionStart ||
-          this.props.navigationConfig.onTransitionStart
-        }
-        onTransitionEnd={this.handleTransitionEnd}
-      />
-    );
-  }
-
-  componentDidMount() {
-    const { navigation } = this.props;
-    if (navigation.state.isTransitioning) {
-      navigation.dispatch(
-        StackActions.completeTransition({
-          key: navigation.state.key,
-        })
-      );
-    }
-  }
-
-  private configureTransition = (
-    transitionProps: TransitionProps,
-    prevTransitionProps?: TransitionProps
-  ) => {
-    return {
-      useNativeDriver: USE_NATIVE_DRIVER,
-      ...TransitionConfigs.getTransitionConfig(
-        this.props.navigationConfig.transitionConfig,
-        transitionProps,
-        prevTransitionProps,
-        this.props.navigationConfig.mode === 'modal'
-      ).transitionSpec,
-    };
-  };
-
-  private getShadowEnabled = () => {
-    const { navigationConfig } = this.props;
-    return navigationConfig &&
-      navigationConfig.hasOwnProperty('cardShadowEnabled')
-      ? navigationConfig.cardShadowEnabled
-      : DefaultNavigationConfig.cardShadowEnabled;
-  };
-
-  private getCardOverlayEnabled = () => {
-    const { navigationConfig } = this.props;
-    return navigationConfig &&
-      navigationConfig.hasOwnProperty('cardOverlayEnabled')
-      ? navigationConfig.cardOverlayEnabled
-      : DefaultNavigationConfig.cardOverlayEnabled;
-  };
-
-  private renderStackviewLayout = (
-    transitionProps: TransitionProps,
-    lastTransitionProps?: TransitionProps
-  ) => {
-    const { screenProps, navigationConfig } = this.props;
-    return (
-      <StackViewLayout
-        {...navigationConfig}
-        shadowEnabled={this.getShadowEnabled()}
-        cardOverlayEnabled={this.getCardOverlayEnabled()}
-        onGestureBegin={this.props.onGestureBegin}
-        onGestureCanceled={this.props.onGestureCanceled}
-        onGestureEnd={this.props.onGestureEnd}
-        screenProps={screenProps}
-        transitionProps={transitionProps}
-        lastTransitionProps={lastTransitionProps}
-      />
-    );
-  };
-
-  private handleTransitionEnd = (
-    transition: { scene: Scene; navigation: NavigationProp },
-    lastTransition?: { scene: Scene; navigation: NavigationProp }
-  ) => {
-    const {
-      navigationConfig,
-      navigation,
-      // @ts-ignore
-      onTransitionEnd = navigationConfig.onTransitionEnd,
-    } = this.props;
-    const transitionDestKey = transition.scene.route.key;
-    const isCurrentKey =
-      navigation.state.routes[navigation.state.index].key === transitionDestKey;
-    if (transition.navigation.state.isTransitioning && isCurrentKey) {
-      navigation.dispatch(
-        StackActions.completeTransition({
-          key: navigation.state.key,
-          toChildKey: transitionDestKey,
-        })
-      );
-    }
-    onTransitionEnd && onTransitionEnd(transition, lastTransition);
-  };
-}
-
-export default StackView;
diff --git a/src/views/StackView/StackViewCard.tsx b/src/views/StackView/StackViewCard.tsx
deleted file mode 100644
index b0b614c9d..000000000
--- a/src/views/StackView/StackViewCard.tsx
+++ /dev/null
@@ -1,141 +0,0 @@
-import * as React from 'react';
-import {
-  Animated,
-  StyleSheet,
-  Platform,
-  StyleProp,
-  ViewStyle,
-} from 'react-native';
-import { Screen } from 'react-native-screens';
-import createPointerEventsContainer, {
-  InputProps,
-  InjectedProps,
-} from './createPointerEventsContainer';
-
-type Props = InputProps &
-  InjectedProps & {
-    style: StyleProp<ViewStyle>;
-    animatedStyle: any;
-    position: Animated.AnimatedInterpolation;
-    transparent?: boolean;
-    children: React.ReactNode;
-  };
-
-const EPS = 1e-5;
-
-function getAccessibilityProps(isActive: boolean) {
-  if (Platform.OS === 'ios') {
-    return {
-      accessibilityElementsHidden: !isActive,
-    };
-  } else if (Platform.OS === 'android') {
-    return {
-      importantForAccessibility: isActive ? 'yes' : 'no-hide-descendants',
-    };
-  } else {
-    return {};
-  }
-}
-
-/**
- * Component that renders the scene as card for the <StackView />.
- */
-class Card extends React.Component<Props> {
-  render() {
-    const {
-      children,
-      pointerEvents,
-      style,
-      position,
-      transparent,
-      scene: { index, isActive },
-    } = this.props;
-
-    const active: Animated.Value | number | boolean = Platform.select({
-      web: isActive,
-      // @ts-ignore
-      default:
-        transparent || isActive
-          ? 1
-          : position.interpolate({
-              inputRange: [index, index + 1 - EPS, index + 1],
-              outputRange: [1, 1, 0],
-              extrapolate: 'clamp',
-            }),
-    });
-
-    // animatedStyle can be `false` if there is no screen interpolator
-    const animatedStyle = this.props.animatedStyle || {};
-
-    const {
-      shadowOpacity,
-      overlayOpacity,
-      ...containerAnimatedStyle
-    } = animatedStyle;
-
-    let flattenedStyle = StyleSheet.flatten(style) || {};
-    let { backgroundColor, ...screenStyle } = flattenedStyle;
-
-    return (
-      <Screen
-        pointerEvents={pointerEvents}
-        onComponentRef={this.props.onComponentRef}
-        style={[containerAnimatedStyle, screenStyle]}
-        // @ts-ignore
-        active={active}
-      >
-        {!transparent && shadowOpacity ? (
-          <Animated.View
-            style={[styles.shadow, { shadowOpacity }]}
-            pointerEvents="none"
-          />
-        ) : null}
-        <Animated.View
-          {...getAccessibilityProps(isActive)}
-          style={[
-            transparent ? styles.transparent : styles.card,
-            backgroundColor && backgroundColor !== 'transparent'
-              ? { backgroundColor }
-              : null,
-          ]}
-        >
-          {children}
-        </Animated.View>
-        {overlayOpacity ? (
-          <Animated.View
-            pointerEvents="none"
-            style={[styles.overlay, { opacity: overlayOpacity }]}
-          />
-        ) : null}
-      </Screen>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  card: {
-    flex: 1,
-    backgroundColor: '#fff',
-  },
-  overlay: {
-    ...StyleSheet.absoluteFillObject,
-    backgroundColor: '#000',
-  },
-  shadow: {
-    top: 0,
-    left: 0,
-    bottom: 0,
-    width: 3,
-    position: 'absolute',
-    backgroundColor: '#fff',
-    shadowOffset: { width: -1, height: 1 },
-    shadowRadius: 5,
-    shadowColor: '#000',
-  },
-  transparent: {
-    flex: 1,
-    backgroundColor: 'transparent',
-  },
-});
-
-export default createPointerEventsContainer(Card);
diff --git a/src/views/StackView/StackViewLayout.tsx b/src/views/StackView/StackViewLayout.tsx
deleted file mode 100644
index 8e4bf278a..000000000
--- a/src/views/StackView/StackViewLayout.tsx
+++ /dev/null
@@ -1,1009 +0,0 @@
-import * as React from 'react';
-import {
-  Animated,
-  StyleSheet,
-  Platform,
-  View,
-  I18nManager,
-  Easing,
-  Dimensions,
-  StyleProp,
-  ViewStyle,
-  LayoutChangeEvent,
-} from 'react-native';
-import {
-  SceneView,
-  StackActions,
-  NavigationActions,
-  NavigationProvider,
-} from '@react-navigation/core';
-import { withOrientation } from '@react-navigation/native';
-import { ScreenContainer } from 'react-native-screens';
-import {
-  PanGestureHandler,
-  State as GestureState,
-  PanGestureHandlerGestureEvent,
-  GestureHandlerGestureEventNativeEvent,
-  PanGestureHandlerEventExtra,
-} from 'react-native-gesture-handler';
-
-import Card from './StackViewCard';
-import Header from '../Header/Header';
-import TransitionConfigs from './StackViewTransitionConfigs';
-import HeaderStyleInterpolator from '../Header/HeaderStyleInterpolator';
-import StackGestureContext from '../../utils/StackGestureContext';
-import clamp from '../../utils/clamp';
-import { supportsImprovedSpringAnimation } from '../../utils/ReactNativeFeatures';
-import {
-  Scene,
-  HeaderMode,
-  TransitionProps,
-  TransitionConfig,
-  HeaderTransitionConfig,
-  HeaderProps,
-} from '../../types';
-
-type Props = {
-  mode: 'modal' | 'card';
-  headerMode: 'screen' | 'float';
-  headerLayoutPreset: 'left' | 'center';
-  headerTransitionPreset: 'fade-in-place' | 'uikit';
-  headerBackgroundTransitionPreset: 'fade' | 'translate' | 'toggle';
-  headerBackTitleVisible?: boolean;
-  isLandscape: boolean;
-  shadowEnabled?: boolean;
-  cardOverlayEnabled?: boolean;
-  transparentCard?: boolean;
-  cardStyle?: StyleProp<ViewStyle>;
-  transitionProps: TransitionProps;
-  lastTransitionProps?: TransitionProps;
-  transitionConfig: (
-    transitionProps: TransitionProps,
-    prevTransitionProps?: TransitionProps,
-    isModal?: boolean
-  ) => HeaderTransitionConfig;
-  onGestureBegin?: () => void;
-  onGestureEnd?: () => void;
-  onGestureCanceled?: () => void;
-  screenProps?: unknown;
-};
-
-type State = {
-  floatingHeaderHeight: number;
-};
-
-const IPHONE_XS_HEIGHT = 812; // iPhone X and XS
-const IPHONE_XR_HEIGHT = 896; // iPhone XR and XS Max
-const { width: WINDOW_WIDTH, height: WINDOW_HEIGHT } = Dimensions.get('window');
-const IS_IPHONE_X =
-  Platform.OS === 'ios' &&
-  // @ts-ignore
-  !Platform.isPad &&
-  // @ts-ignore
-  !Platform.isTVOS &&
-  (WINDOW_HEIGHT === IPHONE_XS_HEIGHT ||
-    WINDOW_WIDTH === IPHONE_XS_HEIGHT ||
-    WINDOW_HEIGHT === IPHONE_XR_HEIGHT ||
-    WINDOW_WIDTH === IPHONE_XR_HEIGHT);
-
-const EaseInOut = Easing.inOut(Easing.ease);
-
-/**
- * Enumerate possible values for validation
- */
-const HEADER_LAYOUT_PRESET = ['center', 'left'];
-const HEADER_TRANSITION_PRESET = ['fade-in-place', 'uikit'];
-const HEADER_BACKGROUND_TRANSITION_PRESET = ['toggle', 'fade', 'translate'];
-
-/**
- * The max duration of the card animation in milliseconds after released gesture.
- * The actual duration should be always less then that because the rest distance
- * is always less then the full distance of the layout.
- */
-const ANIMATION_DURATION = 500;
-
-/**
- * The gesture distance threshold to trigger the back behavior. For instance,
- * `1/2` means that moving greater than 1/2 of the width of the screen will
- * trigger a back action
- */
-const POSITION_THRESHOLD = 1 / 2;
-
-/**
- * The distance of touch start from the edge of the screen where the gesture will be recognized
- */
-const GESTURE_RESPONSE_DISTANCE_HORIZONTAL = 50;
-const GESTURE_RESPONSE_DISTANCE_VERTICAL = 135;
-
-const USE_NATIVE_DRIVER = true;
-
-const getDefaultHeaderHeight = (isLandscape: boolean) => {
-  if (Platform.OS === 'ios') {
-    // @ts-ignore
-    if (isLandscape && !Platform.isPad) {
-      return 32;
-    } else if (IS_IPHONE_X) {
-      return 88;
-    } else {
-      return 64;
-    }
-  } else if (Platform.OS === 'android') {
-    return 56;
-  } else {
-    return 64;
-  }
-};
-
-class StackViewLayout extends React.Component<Props, State> {
-  private panGestureRef: React.RefObject<PanGestureHandler>;
-  private gestureX: Animated.Value;
-  private gestureY: Animated.Value;
-  private positionSwitch: Animated.Value;
-  private gestureSwitch: Animated.AnimatedInterpolation;
-  private gestureEvent: (...args: any[]) => void;
-  private gesturePosition: Animated.AnimatedInterpolation | undefined;
-
-  // @ts-ignore
-  private position: Animated.Value;
-
-  /**
-   * immediateIndex is used to represent the expected index that we will be on after a
-   * transition. To achieve a smooth animation when swiping back, the action to go back
-   * doesn't actually fire until the transition completes. The immediateIndex is used during
-   * the transition so that gestures can be handled correctly. This is a work-around for
-   * cases when the user quickly swipes back several times.
-   */
-  private immediateIndex: number | null = null;
-  private transitionConfig:
-    | HeaderTransitionConfig & TransitionConfig
-    | undefined;
-  private prevProps: Props | undefined;
-
-  constructor(props: Props) {
-    super(props);
-    this.panGestureRef = React.createRef();
-    this.gestureX = new Animated.Value(0);
-    this.gestureY = new Animated.Value(0);
-    this.positionSwitch = new Animated.Value(1);
-    if (Animated.subtract) {
-      this.gestureSwitch = Animated.subtract(1, this.positionSwitch);
-    } else {
-      this.gestureSwitch = Animated.add(
-        1,
-        Animated.multiply(-1, this.positionSwitch)
-      );
-    }
-    this.gestureEvent = Animated.event(
-      [
-        {
-          nativeEvent: {
-            translationX: this.gestureX,
-            translationY: this.gestureY,
-          },
-        },
-      ],
-      {
-        useNativeDriver: USE_NATIVE_DRIVER,
-      }
-    );
-
-    this.state = {
-      // Used when card's header is null and mode is float to make transition
-      // between screens with headers and those without headers smooth.
-      // This is not a great heuristic here. We don't know synchronously
-      // on mount what the header height is so we have just used the most
-      // common cases here.
-      floatingHeaderHeight: getDefaultHeaderHeight(props.isLandscape),
-    };
-  }
-
-  private renderHeader(scene: Scene, headerMode: HeaderMode) {
-    const { options } = scene.descriptor;
-    const { header } = options;
-
-    if (__DEV__ && typeof header === 'string') {
-      throw new Error(
-        `Invalid header value: "${header}". The header option must be a valid React component or null, not a string.`
-      );
-    }
-
-    if (header === null && headerMode === 'screen') {
-      return null;
-    }
-
-    // check if it's a react element
-    if (React.isValidElement(header)) {
-      return header;
-    }
-
-    // Handle the case where the header option is a function, and provide the default
-    const renderHeader =
-      // @ts-ignore TS warns about missing props, but they are in default props
-      header || ((props: HeaderProps) => <Header {...props} />);
-
-    let {
-      headerLeftInterpolator,
-      headerTitleInterpolator,
-      headerRightInterpolator,
-      headerBackgroundInterpolator,
-    } = this.transitionConfig as HeaderTransitionConfig;
-
-    const backgroundTransitionPresetInterpolator = this.getHeaderBackgroundTransitionPreset();
-    if (backgroundTransitionPresetInterpolator) {
-      headerBackgroundInterpolator = backgroundTransitionPresetInterpolator;
-    }
-
-    const { transitionProps, ...passProps } = this.props;
-
-    return (
-      <NavigationProvider value={scene.descriptor.navigation}>
-        {renderHeader({
-          ...passProps,
-          ...transitionProps,
-          position: this.position,
-          scene,
-          mode: headerMode,
-          transitionPreset: this.getHeaderTransitionPreset(),
-          layoutPreset: this.getHeaderLayoutPreset(),
-          backTitleVisible: this.getHeaderBackTitleVisible(),
-          leftInterpolator: headerLeftInterpolator,
-          titleInterpolator: headerTitleInterpolator,
-          rightInterpolator: headerRightInterpolator,
-          backgroundInterpolator: headerBackgroundInterpolator,
-        })}
-      </NavigationProvider>
-    );
-  }
-
-  private reset(resetToIndex: number, duration: number) {
-    if (Platform.OS === 'ios' && supportsImprovedSpringAnimation()) {
-      // @ts-ignore
-      Animated.spring(this.props.transitionProps.position, {
-        toValue: resetToIndex,
-        stiffness: 6000,
-        damping: 100,
-        mass: 3,
-        overshootClamping: true,
-        restDisplacementThreshold: 0.01,
-        restSpeedThreshold: 0.01,
-        useNativeDriver: USE_NATIVE_DRIVER,
-      }).start();
-    } else {
-      // @ts-ignore
-      Animated.timing(this.props.transitionProps.position, {
-        toValue: resetToIndex,
-        duration,
-        easing: EaseInOut,
-        useNativeDriver: USE_NATIVE_DRIVER,
-      }).start();
-    }
-  }
-
-  private goBack(backFromIndex: number, duration: number) {
-    const { navigation, position, scenes } = this.props.transitionProps;
-    const toValue = Math.max(backFromIndex - 1, 0);
-
-    // set temporary index for gesture handler to respect until the action is
-    // dispatched at the end of the transition.
-    this.immediateIndex = toValue;
-
-    const onCompleteAnimation = () => {
-      this.immediateIndex = null;
-      const backFromScene = scenes.find(s => s.index === toValue + 1);
-      if (backFromScene) {
-        navigation.dispatch(
-          NavigationActions.back({
-            key: backFromScene.route.key,
-            immediate: true,
-          })
-        );
-        navigation.dispatch(StackActions.completeTransition());
-      }
-    };
-
-    if (Platform.OS === 'ios' && supportsImprovedSpringAnimation()) {
-      // @ts-ignore
-      Animated.spring(position, {
-        toValue,
-        stiffness: 7000,
-        damping: 300,
-        mass: 3,
-        overshootClamping: true,
-        restDisplacementThreshold: 0.01,
-        restSpeedThreshold: 0.01,
-        useNativeDriver: USE_NATIVE_DRIVER,
-      }).start(onCompleteAnimation);
-    } else {
-      // @ts-ignore
-      Animated.timing(position, {
-        toValue,
-        duration,
-        easing: EaseInOut,
-        useNativeDriver: USE_NATIVE_DRIVER,
-      }).start(onCompleteAnimation);
-    }
-  }
-
-  private handleFloatingHeaderLayout = (e: LayoutChangeEvent) => {
-    const { height } = e.nativeEvent.layout;
-    if (height !== this.state.floatingHeaderHeight) {
-      this.setState({ floatingHeaderHeight: height });
-    }
-  };
-
-  private prepareAnimated() {
-    if (this.props === this.prevProps) {
-      return;
-    }
-    this.prevProps = this.props;
-
-    this.prepareGesture();
-    this.preparePosition();
-    this.prepareTransitionConfig();
-  }
-
-  render() {
-    this.prepareAnimated();
-
-    const { transitionProps } = this.props;
-    const {
-      navigation: {
-        state: { index },
-      },
-      scenes,
-    } = transitionProps;
-
-    const headerMode = this.getHeaderMode();
-    let floatingHeader = null;
-    if (headerMode === 'float') {
-      const { scene } = transitionProps;
-      floatingHeader = (
-        <View
-          style={styles.floatingHeader}
-          pointerEvents="box-none"
-          onLayout={this.handleFloatingHeaderLayout}
-        >
-          {this.renderHeader(scene, headerMode)}
-        </View>
-      );
-    }
-
-    return (
-      <PanGestureHandler
-        {...this.gestureActivationCriteria()}
-        ref={this.panGestureRef}
-        onGestureEvent={this.gestureEvent}
-        onHandlerStateChange={this.handlePanGestureStateChange}
-        enabled={index > 0 && this.isGestureEnabled()}
-      >
-        <Animated.View
-          style={[styles.container, this.transitionConfig!.containerStyle]}
-        >
-          <StackGestureContext.Provider value={this.panGestureRef}>
-            <ScreenContainer style={styles.scenes}>
-              {scenes.map(this.renderCard)}
-            </ScreenContainer>
-            {floatingHeader}
-          </StackGestureContext.Provider>
-        </Animated.View>
-      </PanGestureHandler>
-    );
-  }
-
-  componentDidUpdate(prevProps: Props) {
-    const { state: prevState } = prevProps.transitionProps.navigation;
-    const { state } = this.props.transitionProps.navigation;
-    if (prevState.index !== state.index) {
-      this.maybeCancelGesture();
-    }
-  }
-
-  private getGestureResponseDistance() {
-    const { scene } = this.props.transitionProps;
-    const { options } = scene.descriptor;
-    const {
-      gestureResponseDistance: userGestureResponseDistance = {} as {
-        vertical?: number;
-        horizontal?: number;
-      },
-    } = options;
-
-    // Doesn't make sense for a response distance of 0, so this works fine
-    return this.isModal()
-      ? userGestureResponseDistance.vertical ||
-          GESTURE_RESPONSE_DISTANCE_VERTICAL
-      : userGestureResponseDistance.horizontal ||
-          GESTURE_RESPONSE_DISTANCE_HORIZONTAL;
-  }
-
-  private gestureActivationCriteria() {
-    const { layout } = this.props.transitionProps;
-    const gestureResponseDistance = this.getGestureResponseDistance();
-    const isMotionInverted = this.isMotionInverted();
-
-    if (this.isMotionVertical()) {
-      // @ts-ignore
-      const height: number = layout.height.__getValue();
-
-      return {
-        maxDeltaX: 15,
-        minOffsetY: isMotionInverted ? -5 : 5,
-        hitSlop: isMotionInverted
-          ? { top: -height + gestureResponseDistance }
-          : { bottom: -height + gestureResponseDistance },
-      };
-    } else {
-      // @ts-ignore
-      const width: number = layout.width.__getValue();
-      const hitSlop = -width + gestureResponseDistance;
-
-      return {
-        minOffsetX: isMotionInverted ? -5 : 5,
-        maxDeltaY: 20,
-        hitSlop: isMotionInverted ? { left: hitSlop } : { right: hitSlop },
-      };
-    }
-  }
-
-  private isGestureEnabled() {
-    const gesturesEnabled = this.props.transitionProps.scene.descriptor.options
-      .gesturesEnabled;
-    return typeof gesturesEnabled === 'boolean'
-      ? gesturesEnabled
-      : Platform.OS === 'ios';
-  }
-
-  private isMotionVertical() {
-    return this.isModal();
-  }
-
-  private isModal() {
-    return this.props.mode === 'modal';
-  }
-
-  // This only currently applies to the horizontal gesture!
-  private isMotionInverted() {
-    const {
-      transitionProps: { scene },
-    } = this.props;
-    const { options } = scene.descriptor;
-    const { gestureDirection } = options;
-
-    if (this.isModal()) {
-      return gestureDirection === 'inverted';
-    } else {
-      return typeof gestureDirection === 'string'
-        ? gestureDirection === 'inverted'
-        : I18nManager.isRTL;
-    }
-  }
-
-  private computeHorizontalGestureValue({
-    translationX,
-  }: {
-    translationX: number;
-  }) {
-    const {
-      transitionProps: { navigation, layout },
-    } = this.props;
-
-    const { index } = navigation.state;
-
-    // TODO: remove this __getValue!
-    // @ts-ignore
-    const distance: number = layout.width.__getValue();
-
-    const x = this.isMotionInverted() ? -1 * translationX : translationX;
-
-    const value = index - x / distance;
-    return clamp(index - 1, value, index);
-  }
-
-  private computeVerticalGestureValue({
-    translationY,
-  }: {
-    translationY: number;
-  }) {
-    const {
-      transitionProps: { navigation, layout },
-    } = this.props;
-
-    const { index } = navigation.state;
-
-    // TODO: remove this __getValue!
-    // @ts-ignore
-    const distance: number = layout.height.__getValue();
-
-    const y = this.isMotionInverted() ? -1 * translationY : translationY;
-    const value = index - y / distance;
-    return clamp(index - 1, value, index);
-  }
-
-  private handlePanGestureStateChange = ({
-    nativeEvent,
-  }: PanGestureHandlerGestureEvent) => {
-    // @ts-ignore
-    if (nativeEvent.oldState === GestureState.ACTIVE) {
-      // Gesture was cancelled! For example, some navigation state update
-      // arrived while the gesture was active that cancelled it out
-      // @ts-ignore
-      if (this.positionSwitch.__getValue() === 1) {
-        return;
-      }
-
-      if (this.isMotionVertical()) {
-        this.handleReleaseVertical(nativeEvent);
-      } else {
-        this.handleReleaseHorizontal(nativeEvent);
-      }
-    } else if (nativeEvent.state === GestureState.ACTIVE) {
-      this.props.onGestureBegin && this.props.onGestureBegin();
-
-      // Switch to using gesture position
-      this.positionSwitch.setValue(0);
-
-      // By enabling the gesture switch and ignoring the position here we
-      // end up with a quick jump to the initial value and then back to the
-      // gesture. While this isn't ideal, it's preferred over preventing new
-      // gestures during the animation (all gestures should be interruptible)
-      // and we will properly fix it (interruptible and from the correct position)
-      // when we integrate reanimated. If you prefer to prevent gestures during
-      // transitions, then fork this library, comment the positionSwitch value set above,
-      // and uncomment the following two lines.
-      // if (!this.props.transitionProps.position._animation) {
-      //   this.positionSwitch.setValue(0);
-      // }
-    }
-  };
-
-  // note: this will not animated so nicely because the position is unaware
-  // of the gesturePosition, so if we are in the middle of swiping the screen away
-  // and back is programatically fired then we will reset to the initial position
-  // and animate from there
-  private maybeCancelGesture() {
-    this.positionSwitch.setValue(1);
-  }
-
-  private prepareGesture() {
-    if (!this.isGestureEnabled()) {
-      // @ts-ignore
-      if (this.positionSwitch.__getValue() !== 1) {
-        this.positionSwitch.setValue(1);
-      }
-      this.gesturePosition = undefined;
-      return;
-    }
-
-    // We can't run the gesture if width or height layout is unavailable
-    if (
-      // @ts-ignore
-      this.props.transitionProps.layout.width.__getValue() === 0 ||
-      // @ts-ignore
-      this.props.transitionProps.layout.height.__getValue() === 0
-    ) {
-      return;
-    }
-
-    if (this.isMotionVertical()) {
-      this.prepareGestureVertical();
-    } else {
-      this.prepareGestureHorizontal();
-    }
-  }
-
-  private prepareGestureHorizontal() {
-    const { index } = this.props.transitionProps.navigation.state;
-
-    if (this.isMotionInverted()) {
-      this.gesturePosition = Animated.add(
-        index,
-        Animated.divide(this.gestureX, this.props.transitionProps.layout.width)
-      ).interpolate({
-        inputRange: [index - 1, index],
-        outputRange: [index - 1, index],
-        extrapolate: 'clamp',
-      });
-    } else {
-      this.gesturePosition = Animated.add(
-        index,
-        Animated.multiply(
-          -1,
-          Animated.divide(
-            this.gestureX,
-            this.props.transitionProps.layout.width
-          )
-        )
-      ).interpolate({
-        inputRange: [index - 1, index],
-        outputRange: [index - 1, index],
-        extrapolate: 'clamp',
-      });
-    }
-  }
-
-  private prepareGestureVertical() {
-    const { index } = this.props.transitionProps.navigation.state;
-
-    if (this.isMotionInverted()) {
-      this.gesturePosition = Animated.add(
-        index,
-        Animated.divide(this.gestureY, this.props.transitionProps.layout.height)
-      ).interpolate({
-        inputRange: [index - 1, index],
-        outputRange: [index - 1, index],
-        extrapolate: 'clamp',
-      });
-    } else {
-      this.gesturePosition = Animated.add(
-        index,
-        Animated.multiply(
-          -1,
-          Animated.divide(
-            this.gestureY,
-            this.props.transitionProps.layout.height
-          )
-        )
-      ).interpolate({
-        inputRange: [index - 1, index],
-        outputRange: [index - 1, index],
-        extrapolate: 'clamp',
-      });
-    }
-  }
-
-  private handleReleaseHorizontal(
-    nativeEvent: GestureHandlerGestureEventNativeEvent &
-      PanGestureHandlerEventExtra
-  ) {
-    const {
-      transitionProps: { navigation, position, layout },
-    } = this.props;
-    const { index } = navigation.state;
-    const immediateIndex =
-      this.immediateIndex == null ? index : this.immediateIndex;
-
-    // Calculate animate duration according to gesture speed and moved distance
-    // @ts-ignore
-    const distance = layout.width.__getValue();
-    const movementDirection = this.isMotionInverted() ? -1 : 1;
-    const movedDistance = movementDirection * nativeEvent.translationX;
-    const gestureVelocity = movementDirection * nativeEvent.velocityX;
-    const defaultVelocity = distance / ANIMATION_DURATION;
-    const velocity = Math.max(Math.abs(gestureVelocity), defaultVelocity);
-    const resetDuration = this.isMotionInverted()
-      ? (distance - movedDistance) / velocity
-      : movedDistance / velocity;
-    const goBackDuration = this.isMotionInverted()
-      ? movedDistance / velocity
-      : (distance - movedDistance) / velocity;
-
-    // Get the current position value and reset to using the statically driven
-    // (rather than gesture driven) position.
-    const value = this.computeHorizontalGestureValue(nativeEvent);
-    position.setValue(value);
-    this.positionSwitch.setValue(1);
-
-    // If the speed of the gesture release is significant, use that as the indication
-    // of intent
-    if (gestureVelocity < -50) {
-      this.props.onGestureCanceled && this.props.onGestureCanceled();
-      this.reset(immediateIndex, resetDuration);
-      return;
-    }
-    if (gestureVelocity > 50) {
-      this.props.onGestureEnd && this.props.onGestureEnd();
-      this.goBack(immediateIndex, goBackDuration);
-      return;
-    }
-
-    // Then filter based on the distance the screen was moved. Over a third of the way swiped,
-    // and the back will happen.
-    if (value <= index - POSITION_THRESHOLD) {
-      this.props.onGestureEnd && this.props.onGestureEnd();
-      this.goBack(immediateIndex, goBackDuration);
-    } else {
-      this.props.onGestureCanceled && this.props.onGestureCanceled();
-      this.reset(immediateIndex, resetDuration);
-    }
-  }
-
-  private handleReleaseVertical(
-    nativeEvent: GestureHandlerGestureEventNativeEvent &
-      PanGestureHandlerEventExtra
-  ) {
-    const {
-      transitionProps: { navigation, position, layout },
-    } = this.props;
-    const { index } = navigation.state;
-    const immediateIndex =
-      this.immediateIndex == null ? index : this.immediateIndex;
-
-    // Calculate animate duration according to gesture speed and moved distance
-    // @ts-ignore
-    const distance = layout.height.__getValue();
-    const isMotionInverted = this.isMotionInverted();
-    const movementDirection = isMotionInverted ? -1 : 1;
-    const movedDistance = movementDirection * nativeEvent.translationY;
-    const gestureVelocity = movementDirection * nativeEvent.velocityY;
-    const defaultVelocity = distance / ANIMATION_DURATION;
-    const velocity = Math.max(Math.abs(gestureVelocity), defaultVelocity);
-    const resetDuration = isMotionInverted
-      ? (distance - movedDistance) / velocity
-      : movedDistance / velocity;
-    const goBackDuration = isMotionInverted
-      ? movedDistance / velocity
-      : (distance - movedDistance) / velocity;
-
-    const value = this.computeVerticalGestureValue(nativeEvent);
-    position.setValue(value);
-    this.positionSwitch.setValue(1);
-
-    // If the speed of the gesture release is significant, use that as the indication
-    // of intent
-    if (gestureVelocity < -50) {
-      this.props.onGestureCanceled && this.props.onGestureCanceled();
-      this.reset(immediateIndex, resetDuration);
-      return;
-    }
-    if (gestureVelocity > 50) {
-      this.props.onGestureEnd && this.props.onGestureEnd();
-      this.goBack(immediateIndex, goBackDuration);
-      return;
-    }
-
-    // Then filter based on the distance the screen was moved. Over a third of the way swiped,
-    // and the back will happen.
-    if (value <= index - POSITION_THRESHOLD) {
-      this.props.onGestureEnd && this.props.onGestureEnd();
-      this.goBack(immediateIndex, goBackDuration);
-    } else {
-      this.props.onGestureCanceled && this.props.onGestureCanceled();
-      this.reset(immediateIndex, resetDuration);
-    }
-  }
-
-  private getHeaderMode() {
-    if (this.props.headerMode) {
-      return this.props.headerMode;
-    }
-    if (Platform.OS === 'android' || this.props.mode === 'modal') {
-      return 'screen';
-    }
-    // On web, the float header mode will enable body scrolling and stick the header
-    // to the top of the URL bar when it shrinks and expands.
-    return 'float';
-  }
-
-  private getHeaderBackgroundTransitionPreset() {
-    const { headerBackgroundTransitionPreset } = this.props;
-    if (headerBackgroundTransitionPreset) {
-      if (
-        HEADER_BACKGROUND_TRANSITION_PRESET.includes(
-          headerBackgroundTransitionPreset
-        )
-      ) {
-        if (headerBackgroundTransitionPreset === 'fade') {
-          return HeaderStyleInterpolator.forBackgroundWithFade;
-        } else if (headerBackgroundTransitionPreset === 'translate') {
-          return HeaderStyleInterpolator.forBackgroundWithTranslation;
-        } else if (headerBackgroundTransitionPreset === 'toggle') {
-          return HeaderStyleInterpolator.forBackgroundWithInactiveHidden;
-        }
-      } else if (__DEV__) {
-        console.error(
-          `Invalid configuration applied for headerBackgroundTransitionPreset - expected one of ${HEADER_BACKGROUND_TRANSITION_PRESET.join(
-            ', '
-          )} but received ${JSON.stringify(headerBackgroundTransitionPreset)}`
-        );
-      }
-    }
-
-    return null;
-  }
-
-  private getHeaderLayoutPreset() {
-    const { headerLayoutPreset } = this.props;
-    if (headerLayoutPreset) {
-      if (__DEV__) {
-        if (
-          this.getHeaderTransitionPreset() === 'uikit' &&
-          headerLayoutPreset === 'left' &&
-          Platform.OS === 'ios'
-        ) {
-          console.warn(
-            `headerTransitionPreset with the value 'uikit' is incompatible with headerLayoutPreset 'left'`
-          );
-        }
-      }
-      if (HEADER_LAYOUT_PRESET.includes(headerLayoutPreset)) {
-        return headerLayoutPreset;
-      }
-
-      if (__DEV__) {
-        console.error(
-          `Invalid configuration applied for headerLayoutPreset - expected one of ${HEADER_LAYOUT_PRESET.join(
-            ', '
-          )} but received ${JSON.stringify(headerLayoutPreset)}`
-        );
-      }
-    }
-
-    if (Platform.OS !== 'ios') {
-      return 'left';
-    } else {
-      return 'center';
-    }
-  }
-
-  private getHeaderTransitionPreset() {
-    // On Android or with header mode screen, we always just use in-place,
-    // we ignore the option entirely (at least until we have other presets)
-    if (Platform.OS !== 'ios' || this.getHeaderMode() === 'screen') {
-      return 'fade-in-place';
-    }
-
-    const { headerTransitionPreset } = this.props;
-    if (headerTransitionPreset) {
-      if (HEADER_TRANSITION_PRESET.includes(headerTransitionPreset)) {
-        return headerTransitionPreset;
-      }
-
-      if (__DEV__) {
-        console.error(
-          `Invalid configuration applied for headerTransitionPreset - expected one of ${HEADER_TRANSITION_PRESET.join(
-            ', '
-          )} but received ${JSON.stringify(headerTransitionPreset)}`
-        );
-      }
-    }
-
-    return 'fade-in-place';
-  }
-
-  private getHeaderBackTitleVisible() {
-    const { headerBackTitleVisible } = this.props;
-    const layoutPreset = this.getHeaderLayoutPreset();
-
-    // Even when we align to center on Android, people should need to opt-in to
-    // showing the back title
-    const enabledByDefault = !(
-      layoutPreset === 'left' || Platform.OS !== 'ios'
-    );
-
-    return typeof headerBackTitleVisible === 'boolean'
-      ? headerBackTitleVisible
-      : enabledByDefault;
-  }
-
-  private renderInnerScene(scene: Scene) {
-    const { navigation, getComponent } = scene.descriptor;
-    const SceneComponent = getComponent();
-
-    const { screenProps } = this.props;
-    const headerMode = this.getHeaderMode();
-    if (headerMode === 'screen') {
-      return (
-        <View style={styles.container}>
-          <View style={styles.scenes}>
-            <SceneView
-              screenProps={screenProps}
-              navigation={navigation}
-              component={SceneComponent}
-            />
-          </View>
-          {this.renderHeader(scene, headerMode)}
-        </View>
-      );
-    }
-    return (
-      <SceneView
-        screenProps={screenProps}
-        navigation={navigation}
-        component={SceneComponent}
-      />
-    );
-  }
-
-  private prepareTransitionConfig() {
-    this.transitionConfig = TransitionConfigs.getTransitionConfig(
-      this.props.transitionConfig,
-      {
-        ...this.props.transitionProps,
-        position: this.position,
-      },
-      this.props.lastTransitionProps,
-      this.isModal()
-    );
-  }
-
-  private preparePosition() {
-    if (this.gesturePosition) {
-      // FIXME: this doesn't seem right, there is setValue called in some places
-      // @ts-ignore
-      this.position = Animated.add(
-        Animated.multiply(
-          this.props.transitionProps.position,
-          this.positionSwitch
-        ),
-        Animated.multiply(this.gesturePosition, this.gestureSwitch)
-      );
-    } else {
-      this.position = this.props.transitionProps.position;
-    }
-  }
-
-  private renderCard = (scene: Scene) => {
-    const {
-      transitionProps,
-      shadowEnabled,
-      cardOverlayEnabled,
-      transparentCard,
-      cardStyle,
-    } = this.props;
-
-    const { screenInterpolator } = this.transitionConfig as TransitionConfig;
-    const style =
-      screenInterpolator &&
-      screenInterpolator({
-        ...transitionProps,
-        shadowEnabled,
-        cardOverlayEnabled,
-        position: this.position,
-        scene,
-      });
-
-    // When using a floating header, we need to add some top
-    // padding on the scene.
-    const { options } = scene.descriptor;
-    const hasHeader = options.header !== null;
-    const headerMode = this.getHeaderMode();
-
-    let floatingContainerStyle: ViewStyle = StyleSheet.absoluteFill as ViewStyle;
-
-    if (hasHeader && headerMode === 'float' && !options.headerTransparent) {
-      floatingContainerStyle = {
-        ...Platform.select({ web: {}, default: StyleSheet.absoluteFillObject }),
-        paddingTop: this.state.floatingHeaderHeight,
-      };
-    }
-
-    return (
-      <Card
-        {...transitionProps}
-        key={`card_${scene.key}`}
-        position={this.position}
-        realPosition={transitionProps.position}
-        animatedStyle={style}
-        transparent={transparentCard}
-        style={[floatingContainerStyle, cardStyle]}
-        scene={scene}
-      >
-        {this.renderInnerScene(scene)}
-      </Card>
-    );
-  };
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    // Header is physically rendered after scenes so that Header won't be
-    // covered by the shadows of the scenes.
-    // That said, we'd have use `flexDirection: 'column-reverse'` to move
-    // Header above the scenes.
-    flexDirection: 'column-reverse',
-    overflow: 'hidden',
-  },
-  scenes: {
-    flex: 1,
-  },
-  floatingHeader: {
-    // @ts-ignore
-    position: Platform.select({ default: 'absolute', web: 'fixed' }),
-    left: 0,
-    top: 0,
-    right: 0,
-  },
-});
-
-export default withOrientation(StackViewLayout);
diff --git a/src/views/StackView/StackViewStyleInterpolator.tsx b/src/views/StackView/StackViewStyleInterpolator.tsx
deleted file mode 100644
index 55a612a3b..000000000
--- a/src/views/StackView/StackViewStyleInterpolator.tsx
+++ /dev/null
@@ -1,220 +0,0 @@
-import { I18nManager } from 'react-native';
-import getSceneIndicesForInterpolationInputRange from '../../utils/getSceneIndicesForInterpolationInputRange';
-import { SceneInterpolatorProps } from '../../types';
-
-const EPS = 1e-5;
-
-/**
- * Utility that builds the style for the card in the cards stack.
- *
- *     +------------+
- *   +-+            |
- * +-+ |            |
- * | | |            |
- * | | |  Focused   |
- * | | |   Card     |
- * | | |            |
- * +-+ |            |
- *   +-+            |
- *     +------------+
- */
-
-/**
- * Render the initial style when the initial layout isn't measured yet.
- */
-function forInitial(props: SceneInterpolatorProps) {
-  const { navigation, scene } = props;
-
-  const focused = navigation.state.index === scene.index;
-  const opacity = focused ? 1 : 0;
-  // If not focused, move the scene far away.
-  const translate = focused ? 0 : 1000000;
-  return {
-    opacity,
-    transform: [{ translateX: translate }, { translateY: translate }],
-  };
-}
-
-/**
- * Standard iOS-style slide in from the right.
- */
-function forHorizontal(props: SceneInterpolatorProps) {
-  const { layout, position, scene } = props;
-
-  if (!layout.isMeasured) {
-    return forInitial(props);
-  }
-  const interpolate = getSceneIndicesForInterpolationInputRange(props);
-
-  if (!interpolate) return { opacity: 0 };
-
-  const { first, last } = interpolate;
-  const index = scene.index;
-
-  const width = layout.initWidth;
-  const translateX = position.interpolate({
-    inputRange: [first, index, last],
-    outputRange: I18nManager.isRTL
-      ? [-width, 0, width * 0.3]
-      : [width, 0, width * -0.3],
-    extrapolate: 'clamp',
-  });
-
-  const shadowOpacity = props.shadowEnabled
-    ? position.interpolate({
-        inputRange: [first, index, last],
-        outputRange: [0, 0.7, 0],
-        extrapolate: 'clamp',
-      })
-    : null;
-
-  let overlayOpacity = props.cardOverlayEnabled
-    ? position.interpolate({
-        inputRange: [index, last - 0.5, last, last + EPS],
-        outputRange: [0, 0.07, 0.07, 0],
-        extrapolate: 'clamp',
-      })
-    : null;
-
-  return {
-    transform: [{ translateX }],
-    overlayOpacity,
-    shadowOpacity,
-  };
-}
-
-/**
- * Standard iOS-style slide in from the bottom (used for modals).
- */
-function forVertical(props: SceneInterpolatorProps) {
-  const { layout, position, scene } = props;
-
-  if (!layout.isMeasured) {
-    return forInitial(props);
-  }
-  const interpolate = getSceneIndicesForInterpolationInputRange(props);
-
-  if (!interpolate) return { opacity: 0 };
-
-  const { first, last } = interpolate;
-  const index = scene.index;
-  const height = layout.initHeight;
-  const translateY = position.interpolate({
-    inputRange: [first, index, last],
-    outputRange: [height, 0, 0],
-    extrapolate: 'clamp',
-  });
-
-  return {
-    transform: [{ translateY }],
-  };
-}
-
-/**
- * Standard Android-style fade in from the bottom.
- */
-function forFadeFromBottomAndroid(props: SceneInterpolatorProps) {
-  const { layout, position, scene } = props;
-
-  if (!layout.isMeasured) {
-    return forInitial(props);
-  }
-  const interpolate = getSceneIndicesForInterpolationInputRange(props);
-
-  if (!interpolate) return { opacity: 0 };
-
-  const { first, last } = interpolate;
-  const index = scene.index;
-  const opacity = position.interpolate({
-    inputRange: [first, first + 0.5, first + 0.9, index, last - 1e-5, last],
-    outputRange: [0, 0.25, 0.7, 1, 1, 0],
-    extrapolate: 'clamp',
-  });
-
-  const height = layout.initHeight;
-  const maxTranslation = height * 0.08;
-  const translateY = position.interpolate({
-    inputRange: [first, index, last],
-    outputRange: [maxTranslation, 0, 0],
-    extrapolate: 'clamp',
-  });
-
-  return {
-    opacity,
-    transform: [{ translateY }],
-  };
-}
-
-function forFadeToBottomAndroid(props: SceneInterpolatorProps) {
-  const { layout, position, scene } = props;
-
-  if (!layout.isMeasured) {
-    return forInitial(props);
-  }
-  const interpolate = getSceneIndicesForInterpolationInputRange(props);
-
-  if (!interpolate) return { opacity: 0 };
-
-  const { first, last } = interpolate;
-  const index = scene.index;
-  const inputRange = [first, index, last];
-
-  const opacity = position.interpolate({
-    inputRange,
-    outputRange: [0, 1, 1],
-    extrapolate: 'clamp',
-  });
-
-  const height = layout.initHeight;
-  const maxTranslation = height * 0.08;
-
-  const translateY = position.interpolate({
-    inputRange,
-    outputRange: [maxTranslation, 0, 0],
-    extrapolate: 'clamp',
-  });
-
-  return {
-    opacity,
-    transform: [{ translateY }],
-  };
-}
-
-/**
- *  fadeIn and fadeOut
- */
-function forFade(props: SceneInterpolatorProps) {
-  const { layout, position, scene } = props;
-
-  if (!layout.isMeasured) {
-    return forInitial(props);
-  }
-  const interpolate = getSceneIndicesForInterpolationInputRange(props);
-
-  if (!interpolate) return { opacity: 0 };
-
-  const { first, last } = interpolate;
-  const index = scene.index;
-  const opacity = position.interpolate({
-    inputRange: [first, index, last],
-    outputRange: [0, 1, 1],
-    extrapolate: 'clamp',
-  });
-
-  return {
-    opacity,
-  };
-}
-
-function forNoAnimation() {
-  return {};
-}
-
-export default {
-  forHorizontal,
-  forVertical,
-  forFadeFromBottomAndroid,
-  forFadeToBottomAndroid,
-  forFade,
-  forNoAnimation,
-};
diff --git a/src/views/StackView/StackViewTransitionConfigs.tsx b/src/views/StackView/StackViewTransitionConfigs.tsx
deleted file mode 100644
index 65636e3da..000000000
--- a/src/views/StackView/StackViewTransitionConfigs.tsx
+++ /dev/null
@@ -1,137 +0,0 @@
-import { Animated, Easing, Platform } from 'react-native';
-import StyleInterpolator from './StackViewStyleInterpolator';
-import { supportsImprovedSpringAnimation } from '../../utils/ReactNativeFeatures';
-import { TransitionProps, TransitionConfig } from '../../types';
-
-let IOSTransitionSpec;
-if (supportsImprovedSpringAnimation()) {
-  // These are the exact values from UINavigationController's animation configuration
-  IOSTransitionSpec = {
-    timing: Animated.spring,
-    stiffness: 1000,
-    damping: 500,
-    mass: 3,
-    overshootClamping: true,
-    restDisplacementThreshold: 0.01,
-    restSpeedThreshold: 0.01,
-  };
-} else {
-  // This is an approximation of the IOS spring animation using a derived bezier curve
-  IOSTransitionSpec = {
-    duration: 500,
-    easing: Easing.bezier(0.2833, 0.99, 0.31833, 0.99),
-    timing: Animated.timing,
-  };
-}
-
-// Standard iOS navigation transition
-const SlideFromRightIOS = {
-  transitionSpec: IOSTransitionSpec,
-  screenInterpolator: StyleInterpolator.forHorizontal,
-  containerStyle: {
-    backgroundColor: '#eee',
-  },
-};
-
-// Standard iOS navigation transition for modals
-const ModalSlideFromBottomIOS = {
-  transitionSpec: IOSTransitionSpec,
-  screenInterpolator: StyleInterpolator.forVertical,
-  containerStyle: {
-    backgroundColor: '#eee',
-  },
-};
-
-// Standard Android navigation transition when opening an Activity
-const FadeInFromBottomAndroid = {
-  // See http://androidxref.com/7.1.1_r6/xref/frameworks/base/core/res/res/anim/activity_open_enter.xml
-  transitionSpec: {
-    duration: 350,
-    easing: Easing.out(Easing.poly(5)), // decelerate
-    timing: Animated.timing,
-  },
-  screenInterpolator: StyleInterpolator.forFadeFromBottomAndroid,
-};
-
-// Standard Android navigation transition when closing an Activity
-const FadeOutToBottomAndroid = {
-  // See http://androidxref.com/7.1.1_r6/xref/frameworks/base/core/res/res/anim/activity_close_exit.xml
-  transitionSpec: {
-    duration: 150,
-    easing: Easing.in(Easing.linear), // accelerate
-    timing: Animated.timing,
-  },
-  screenInterpolator: StyleInterpolator.forFadeToBottomAndroid,
-};
-
-const NoAnimation = {
-  transitionSpec: {
-    duration: 0,
-    timing: Animated.timing,
-  },
-  screenInterpolator: StyleInterpolator.forNoAnimation,
-  containerStyle: {
-    backgroundColor: '#eee',
-  },
-};
-
-function defaultTransitionConfig(
-  transitionProps: TransitionProps,
-  prevTransitionProps?: TransitionProps,
-  isModal?: boolean
-): TransitionConfig {
-  if (Platform.OS !== 'ios') {
-    // Use the default Android animation no matter if the screen is a modal.
-    // Android doesn't have full-screen modals like iOS does, it has dialogs.
-    if (
-      prevTransitionProps &&
-      transitionProps.index < prevTransitionProps.index
-    ) {
-      // Navigating back to the previous screen
-      return FadeOutToBottomAndroid;
-    }
-    return FadeInFromBottomAndroid;
-  }
-  // iOS and other platforms
-  if (isModal) {
-    return ModalSlideFromBottomIOS;
-  }
-  return SlideFromRightIOS;
-}
-
-function getTransitionConfig<T = {}>(
-  transitionConfigurer:
-    | undefined
-    | ((
-        transitionProps: TransitionProps,
-        prevTransitionProps?: TransitionProps,
-        isModal?: boolean
-      ) => T),
-  transitionProps: TransitionProps,
-  prevTransitionProps?: TransitionProps,
-  isModal?: boolean
-): TransitionConfig & T {
-  const defaultConfig = defaultTransitionConfig(
-    transitionProps,
-    prevTransitionProps,
-    isModal
-  );
-  if (transitionConfigurer) {
-    return {
-      ...defaultConfig,
-      ...transitionConfigurer(transitionProps, prevTransitionProps, isModal),
-    };
-  }
-
-  return defaultConfig as any;
-}
-
-export default {
-  defaultTransitionConfig,
-  getTransitionConfig,
-  SlideFromRightIOS,
-  ModalSlideFromBottomIOS,
-  FadeInFromBottomAndroid,
-  FadeOutToBottomAndroid,
-  NoAnimation,
-};
diff --git a/src/views/StackView/createPointerEventsContainer.tsx b/src/views/StackView/createPointerEventsContainer.tsx
deleted file mode 100644
index 81caf7958..000000000
--- a/src/views/StackView/createPointerEventsContainer.tsx
+++ /dev/null
@@ -1,119 +0,0 @@
-import * as React from 'react';
-import { Animated, View } from 'react-native';
-import { NavigationProp, Scene } from '../../types';
-
-const MIN_POSITION_OFFSET = 0.01;
-
-export type PointerEvents = 'box-only' | 'none' | 'auto';
-
-export type InputProps = {
-  scene: Scene;
-  navigation: NavigationProp;
-  realPosition: Animated.Value;
-};
-
-export type InjectedProps = {
-  pointerEvents: PointerEvents;
-  onComponentRef: (ref: View | null) => void;
-};
-
-/**
- * Create a higher-order component that automatically computes the
- * `pointerEvents` property for a component whenever navigation position
- * changes.
- */
-export default function createPointerEventsContainer<
-  Props extends InjectedProps & InputProps
->(
-  Component: React.ComponentType<Props>
-): React.ComponentType<Pick<Props, Exclude<keyof Props, keyof InjectedProps>>> {
-  class Container extends React.Component<Props> {
-    private pointerEvents = this.computePointerEvents();
-    private component: View | null = null;
-    private positionListener: AnimatedValueSubscription | undefined;
-
-    componentWillUnmount() {
-      this.positionListener && this.positionListener.remove();
-    }
-
-    private handleComponentRef = (component: View | null) => {
-      this.component = component;
-
-      if (component && typeof component.setNativeProps !== 'function') {
-        throw new Error('Component must implement method `setNativeProps`');
-      }
-    };
-
-    private bindPosition() {
-      this.positionListener && this.positionListener.remove();
-      this.positionListener = new AnimatedValueSubscription(
-        this.props.realPosition,
-        this.handlePositionChange
-      );
-    }
-
-    private handlePositionChange = (/* { value } */) => {
-      // This should log each frame when releasing the gesture or when pressing
-      // the back button! If not, something has gone wrong with the animated
-      // value subscription
-      // console.log(value);
-
-      if (this.component) {
-        const pointerEvents = this.computePointerEvents();
-        if (this.pointerEvents !== pointerEvents) {
-          this.pointerEvents = pointerEvents;
-          this.component.setNativeProps({ pointerEvents });
-        }
-      }
-    };
-
-    private computePointerEvents() {
-      const { navigation, realPosition, scene } = this.props;
-
-      if (scene.isStale || navigation.state.index !== scene.index) {
-        // The scene isn't focused.
-        return scene.index > navigation.state.index ? 'box-only' : 'none';
-      }
-
-      // @ts-ignore
-      const offset = realPosition.__getAnimatedValue() - navigation.state.index;
-      if (Math.abs(offset) > MIN_POSITION_OFFSET) {
-        // The positon is still away from scene's index.
-        // Scene's children should not receive touches until the position
-        // is close enough to scene's index.
-        return 'box-only';
-      }
-
-      return 'auto';
-    }
-
-    render() {
-      this.bindPosition();
-      this.pointerEvents = this.computePointerEvents();
-
-      return (
-        <Component
-          {...this.props}
-          pointerEvents={this.pointerEvents}
-          onComponentRef={this.handleComponentRef}
-        />
-      );
-    }
-  }
-
-  return Container as any;
-}
-
-class AnimatedValueSubscription {
-  private value: Animated.Value;
-  private token: string;
-
-  constructor(value: Animated.Value, callback: Animated.ValueListenerCallback) {
-    this.value = value;
-    this.token = value.addListener(callback);
-  }
-
-  remove() {
-    this.value.removeListener(this.token);
-  }
-}
diff --git a/src/views/TouchableItem.tsx b/src/views/TouchableItem.tsx
index f12965142..4d97b17f2 100644
--- a/src/views/TouchableItem.tsx
+++ b/src/views/TouchableItem.tsx
@@ -47,17 +47,14 @@ export default class TouchableItem extends React.Component<Props> {
       Platform.OS === 'android' &&
       Platform.Version >= ANDROID_VERSION_LOLLIPOP
     ) {
-      const { style, ...rest } = this.props;
+      const { style, pressColor, borderless, children, ...rest } = this.props;
+
       return (
         <TouchableNativeFeedback
           {...rest}
-          style={null}
-          background={TouchableNativeFeedback.Ripple(
-            this.props.pressColor,
-            this.props.borderless
-          )}
+          background={TouchableNativeFeedback.Ripple(pressColor, borderless)}
         >
-          <View style={style}>{React.Children.only(this.props.children)}</View>
+          <View style={style}>{React.Children.only(children)}</View>
         </TouchableNativeFeedback>
       );
     } else if (Platform.OS === 'ios') {
diff --git a/src/views/Transitioner.tsx b/src/views/Transitioner.tsx
deleted file mode 100644
index b292f7067..000000000
--- a/src/views/Transitioner.tsx
+++ /dev/null
@@ -1,382 +0,0 @@
-import * as React from 'react';
-import {
-  Animated,
-  Easing,
-  StyleSheet,
-  View,
-  LayoutChangeEvent,
-} from 'react-native';
-
-import NavigationScenesReducer from './ScenesReducer';
-import {
-  NavigationProp,
-  Scene,
-  SceneDescriptor,
-  TransitionerLayout,
-  TransitionProps,
-} from '../types';
-
-type TransitionSpec = {};
-
-type Props = {
-  render: (
-    current: TransitionProps,
-    previous?: TransitionProps
-  ) => React.ReactNode;
-  configureTransition?: (
-    current: TransitionProps,
-    previous?: TransitionProps
-  ) => TransitionSpec;
-  onTransitionStart?: (
-    current: TransitionProps,
-    previous?: TransitionProps
-  ) => void | Promise<any>;
-  onTransitionEnd?: (
-    current: TransitionProps,
-    previous?: TransitionProps
-  ) => void | Promise<any>;
-  navigation: NavigationProp;
-  descriptors: { [key: string]: SceneDescriptor };
-  screenProps?: unknown;
-};
-
-type State = {
-  layout: TransitionerLayout;
-  position: Animated.Value;
-  scenes: Scene[];
-  nextScenes?: Scene[];
-};
-
-// Used for all animations unless overriden
-const DefaultTransitionSpec = {
-  duration: 250,
-  easing: Easing.inOut(Easing.ease),
-  timing: Animated.timing,
-};
-
-class Transitioner extends React.Component<Props, State> {
-  private positionListener: string;
-
-  private prevTransitionProps: TransitionProps | undefined;
-  private transitionProps: TransitionProps;
-
-  private isComponentMounted: boolean;
-  private isTransitionRunning: boolean;
-  private queuedTransition: { prevProps: Props } | null;
-
-  constructor(props: Props) {
-    super(props);
-
-    // The initial layout isn't measured. Measured layout will be only available
-    // when the component is mounted.
-    const layout: TransitionerLayout = {
-      height: new Animated.Value(0),
-      initHeight: 0,
-      initWidth: 0,
-      isMeasured: false,
-      width: new Animated.Value(0),
-    };
-
-    const position = new Animated.Value(this.props.navigation.state.index);
-    this.positionListener = position.addListener((/* { value } */) => {
-      // This should work until we detach position from a view! so we have to be
-      // careful to not ever detach it, thus the gymnastics in _getPosition in
-      // StackViewLayout
-      // This should log each frame when releasing the gesture or when pressing
-      // the back button! If not, something has gone wrong with the animated
-      // value subscription
-      // console.log(value);
-    });
-
-    this.state = {
-      layout,
-      position,
-      scenes: NavigationScenesReducer(
-        [],
-        this.props.navigation.state,
-        null,
-        this.props.descriptors
-      ),
-    };
-
-    this.prevTransitionProps = undefined;
-    this.transitionProps = buildTransitionProps(props, this.state);
-
-    this.isComponentMounted = false;
-    this.isTransitionRunning = false;
-    this.queuedTransition = null;
-  }
-
-  componentDidMount() {
-    this.isComponentMounted = true;
-  }
-
-  componentWillUnmount() {
-    this.isComponentMounted = false;
-    this.positionListener &&
-      this.state.position.removeListener(this.positionListener);
-  }
-
-  UNSAFE_componentWillReceiveProps(nextProps: Props) {
-    if (this.isTransitionRunning) {
-      if (!this.queuedTransition) {
-        this.queuedTransition = { prevProps: this.props };
-      }
-      return;
-    }
-
-    this.startTransition(this.props, nextProps);
-  }
-
-  private computeScenes = (props: Props, nextProps: Props) => {
-    let nextScenes = NavigationScenesReducer(
-      this.state.scenes,
-      nextProps.navigation.state,
-      props.navigation.state,
-      nextProps.descriptors
-    );
-
-    if (!nextProps.navigation.state.isTransitioning) {
-      nextScenes = filterStale(nextScenes);
-    }
-
-    // Update nextScenes when we change screenProps
-    // This is a workaround for https://github.com/react-navigation/react-navigation/issues/4271
-    if (nextProps.screenProps !== this.props.screenProps) {
-      this.setState({ nextScenes });
-    }
-
-    if (nextScenes === this.state.scenes) {
-      return;
-    }
-
-    return nextScenes;
-  };
-
-  private startTransition(props: Props, nextProps: Props) {
-    const indexHasChanged =
-      props.navigation.state.index !== nextProps.navigation.state.index;
-    let nextScenes = this.computeScenes(props, nextProps);
-
-    if (!nextScenes) {
-      // prevTransitionProps are the same as transitionProps in this case
-      // because nothing changed
-      this.prevTransitionProps = this.transitionProps;
-
-      // Unsure if this is actually a good idea... Also related to
-      // https://github.com/react-navigation/react-navigation/issues/5247
-      // - the animation is interrupted before completion so this ensures
-      // that it is properly set to the final position before firing
-      // onTransitionEnd
-      this.state.position.setValue(props.navigation.state.index);
-
-      this.handleTransitionEnd();
-      return;
-    }
-
-    const nextState = {
-      ...this.state,
-      scenes: nextScenes,
-    };
-
-    // grab the position animated value
-    const { position } = nextState;
-
-    // determine where we are meant to transition to
-    const toValue = nextProps.navigation.state.index;
-
-    // compute transitionProps
-    this.prevTransitionProps = this.transitionProps;
-    this.transitionProps = buildTransitionProps(nextProps, nextState);
-    let { isTransitioning } = this.transitionProps.navigation.state;
-
-    // if the state isn't transitioning that is meant to signal that we should
-    // transition immediately to the new index. if the index hasn't changed, do
-    // the same thing here. it's not clear to me why we ever start a transition
-    // when the index hasn't changed, this requires further investigation.
-    if (!isTransitioning || !indexHasChanged) {
-      this.setState(nextState, async () => {
-        if (nextProps.onTransitionStart) {
-          const result = nextProps.onTransitionStart(
-            this.transitionProps,
-            this.prevTransitionProps
-          );
-          if (result instanceof Promise) {
-            // why do we bother awaiting the result here?
-            await result;
-          }
-        }
-        // jump immediately to the new value
-        indexHasChanged && position.setValue(toValue);
-        // end the transition
-        this.handleTransitionEnd();
-      });
-    } else if (isTransitioning) {
-      this.isTransitionRunning = true;
-      this.setState(nextState, async () => {
-        if (nextProps.onTransitionStart) {
-          const result = nextProps.onTransitionStart(
-            this.transitionProps,
-            this.prevTransitionProps
-          );
-
-          // Wait for the onTransitionStart to resolve if needed.
-          if (result instanceof Promise) {
-            await result;
-          }
-        }
-
-        // get the transition spec.
-        const transitionUserSpec = nextProps.configureTransition
-          ? nextProps.configureTransition(
-              this.transitionProps,
-              this.prevTransitionProps
-            )
-          : null;
-
-        const transitionSpec = {
-          ...DefaultTransitionSpec,
-          ...transitionUserSpec,
-        };
-
-        const { timing } = transitionSpec;
-        delete transitionSpec.timing;
-
-        // if swiped back, indexHasChanged == true && positionHasChanged == false
-        // @ts-ignore
-        const positionHasChanged = position.__getValue() !== toValue;
-        if (indexHasChanged && positionHasChanged) {
-          timing(position, {
-            ...transitionSpec,
-            toValue: nextProps.navigation.state.index,
-          }).start(() => {
-            // In case the animation is immediately interrupted for some reason,
-            // we move this to the next frame so that onTransitionStart can fire
-            // first (https://github.com/react-navigation/react-navigation/issues/5247)
-            requestAnimationFrame(this.handleTransitionEnd);
-          });
-        } else {
-          this.handleTransitionEnd();
-        }
-      });
-    }
-  }
-
-  render() {
-    return (
-      <View onLayout={this.handleLayout} style={styles.main}>
-        {this.props.render(this.transitionProps, this.prevTransitionProps)}
-      </View>
-    );
-  }
-
-  private handleLayout = (event: LayoutChangeEvent) => {
-    const { height, width } = event.nativeEvent.layout;
-    if (
-      this.state.layout.initWidth === width &&
-      this.state.layout.initHeight === height
-    ) {
-      return;
-    }
-    const layout: TransitionerLayout = {
-      ...this.state.layout,
-      initHeight: height,
-      initWidth: width,
-      isMeasured: true,
-    };
-
-    layout.height.setValue(height);
-    layout.width.setValue(width);
-
-    const nextState = {
-      ...this.state,
-      layout,
-    };
-
-    this.transitionProps = buildTransitionProps(this.props, nextState);
-    this.setState(nextState);
-  };
-
-  private handleTransitionEnd = () => {
-    if (!this.isComponentMounted) {
-      return;
-    }
-    const prevTransitionProps = this.prevTransitionProps;
-    this.prevTransitionProps = undefined;
-
-    const scenes = filterStale(this.state.scenes);
-
-    const nextState = {
-      ...this.state,
-      scenes,
-    };
-
-    this.transitionProps = buildTransitionProps(this.props, nextState);
-
-    this.setState(nextState, async () => {
-      if (this.props.onTransitionEnd) {
-        const result = this.props.onTransitionEnd(
-          this.transitionProps,
-          prevTransitionProps
-        );
-
-        if (result instanceof Promise) {
-          await result;
-        }
-      }
-
-      if (this.queuedTransition) {
-        let { prevProps } = this.queuedTransition;
-        this.queuedTransition = null;
-        this.startTransition(prevProps, this.props);
-      } else {
-        this.isTransitionRunning = false;
-      }
-    });
-  };
-}
-
-function buildTransitionProps(props: Props, state: State): TransitionProps {
-  const { navigation } = props;
-
-  const { layout, position, scenes } = state;
-
-  const scene = scenes.find(isSceneActive);
-
-  if (!scene) {
-    throw new Error('Could not find active scene');
-  }
-
-  return {
-    layout,
-    navigation,
-    position,
-    scenes,
-    scene,
-    index: scene.index,
-  };
-}
-
-function isSceneNotStale(scene: Scene) {
-  return !scene.isStale;
-}
-
-function filterStale(scenes: Scene[]) {
-  const filtered = scenes.filter(isSceneNotStale);
-  if (filtered.length === scenes.length) {
-    return scenes;
-  }
-  return filtered;
-}
-
-function isSceneActive(scene: Scene) {
-  return scene.isActive;
-}
-
-const styles = StyleSheet.create({
-  main: {
-    flex: 1,
-  },
-});
-
-export default Transitioner;
diff --git a/src/views/__tests__/ScenesReducer.test.tsx b/src/views/__tests__/ScenesReducer.test.tsx
deleted file mode 100644
index 89c272634..000000000
--- a/src/views/__tests__/ScenesReducer.test.tsx
+++ /dev/null
@@ -1,348 +0,0 @@
-import ScenesReducer from '../ScenesReducer';
-import { Scene, NavigationState, SceneDescriptor } from '../../types';
-
-const MOCK_DESCRIPTOR: SceneDescriptor = {} as any;
-
-/**
- * Simulate scenes transtion with changes of navigation states.
- */
-function testTransition(states: string[][]) {
-  let descriptors = states
-    .reduce((acc, state) => acc.concat(state), [] as string[])
-    .reduce(
-      (acc, key) => {
-        acc[key] = MOCK_DESCRIPTOR;
-        return acc;
-      },
-      {} as { [key: string]: SceneDescriptor }
-    );
-  const routes = states.map((keys, i) => ({
-    key: String(i),
-    index: keys.length - 1,
-    routes: keys.map(key => ({ key, routeName: '' })),
-    isTransitioning: false,
-  }));
-
-  let scenes: Scene[] = [];
-  let prevState: NavigationState | null = null;
-  routes.forEach((nextState: NavigationState) => {
-    scenes = ScenesReducer(scenes, nextState, prevState, descriptors);
-    prevState = nextState;
-  });
-
-  return scenes;
-}
-
-describe('ScenesReducer', () => {
-  it('gets initial scenes', () => {
-    const scenes = testTransition([['1', '2']]);
-
-    expect(scenes).toEqual([
-      {
-        index: 0,
-        isActive: false,
-        isStale: false,
-        descriptor: MOCK_DESCRIPTOR,
-        key: 'scene_1',
-        route: {
-          key: '1',
-          routeName: '',
-        },
-      },
-      {
-        index: 1,
-        isActive: true,
-        isStale: false,
-        descriptor: MOCK_DESCRIPTOR,
-        key: 'scene_2',
-        route: {
-          key: '2',
-          routeName: '',
-        },
-      },
-    ]);
-  });
-
-  it('pushes new scenes', () => {
-    // Transition from ['1', '2'] to ['1', '2', '3'].
-    const scenes = testTransition([['1', '2'], ['1', '2', '3']]);
-
-    expect(scenes).toEqual([
-      {
-        index: 0,
-        isActive: false,
-        isStale: false,
-        descriptor: MOCK_DESCRIPTOR,
-        key: 'scene_1',
-        route: {
-          key: '1',
-          routeName: '',
-        },
-      },
-      {
-        index: 1,
-        isActive: false,
-        isStale: false,
-        descriptor: MOCK_DESCRIPTOR,
-        key: 'scene_2',
-        route: {
-          key: '2',
-          routeName: '',
-        },
-      },
-      {
-        index: 2,
-        isActive: true,
-        isStale: false,
-        descriptor: MOCK_DESCRIPTOR,
-        key: 'scene_3',
-        route: {
-          key: '3',
-          routeName: '',
-        },
-      },
-    ]);
-  });
-
-  it('gets active scene when index changes', () => {
-    const state1 = {
-      key: '0',
-      index: 0,
-      routes: [{ key: '1', routeName: '' }],
-      isTransitioning: false,
-    };
-
-    const state2 = {
-      key: '0',
-      index: 1,
-      routes: [{ key: '1', routeName: '' }, { key: '2', routeName: '' }],
-      isTransitioning: false,
-    };
-
-    const scenes1 = ScenesReducer([], state1, null, {});
-    const scenes2 = ScenesReducer(scenes1, state2, state1, {});
-    const route = scenes2.find(scene => scene.isActive)!.route;
-    expect(route).toEqual({ key: '2', routeName: '' });
-  });
-
-  it('gets same scenes', () => {
-    const state1 = {
-      key: '0',
-      index: 1,
-      routes: [{ key: '1', routeName: '' }, { key: '2', routeName: '' }],
-      isTransitioning: false,
-    };
-
-    const state2 = {
-      key: '0',
-      index: 1,
-      routes: [{ key: '1', routeName: '' }, { key: '2', routeName: '' }],
-      isTransitioning: false,
-    };
-
-    const scenes1 = ScenesReducer([], state1, null, {});
-    const scenes2 = ScenesReducer(scenes1, state2, state1, {});
-    expect(scenes1).toBe(scenes2);
-  });
-
-  it('gets different scenes when keys are different', () => {
-    const state1 = {
-      key: '0',
-      index: 1,
-      routes: [{ key: '1', routeName: '' }, { key: '2', routeName: '' }],
-      isTransitioning: false,
-    };
-
-    const state2 = {
-      key: '0',
-      index: 1,
-      routes: [{ key: '2', routeName: '' }, { key: '1', routeName: '' }],
-      isTransitioning: false,
-    };
-
-    const descriptors = { 1: {}, 2: {} } as any;
-
-    const scenes1 = ScenesReducer([], state1, null, descriptors);
-    const scenes2 = ScenesReducer(scenes1, state2, state1, descriptors);
-    expect(scenes1).not.toBe(scenes2);
-  });
-
-  it('gets different scenes when routes are different', () => {
-    const state1 = {
-      key: '0',
-      index: 1,
-      routes: [
-        { key: '1', x: 1, routeName: '' },
-        { key: '2', x: 2, routeName: '' },
-      ],
-      isTransitioning: false,
-    };
-
-    const state2 = {
-      key: '0',
-      index: 1,
-      routes: [
-        { key: '1', x: 3, routeName: '' },
-        { key: '2', x: 4, routeName: '' },
-      ],
-      isTransitioning: false,
-    };
-
-    const descriptors = { 1: MOCK_DESCRIPTOR, 2: MOCK_DESCRIPTOR };
-
-    const scenes1 = ScenesReducer([], state1, null, descriptors);
-    const scenes2 = ScenesReducer(scenes1, state2, state1, descriptors);
-    expect(scenes1).not.toBe(scenes2);
-  });
-
-  // NOTE(brentvatne): this currently throws a warning about invalid StackRouter state,
-  // which is correct because you can't have a state like state2 where the index is
-  // anything except the last route in the array of routes.
-  it('gets different scenes when state index changes', () => {
-    const state1 = {
-      key: '0',
-      index: 1,
-      routes: [
-        { key: '1', x: 1, routeName: '' },
-        { key: '2', x: 2, routeName: '' },
-      ],
-      isTransitioning: false,
-    };
-
-    const state2 = {
-      key: '0',
-      index: 0,
-      routes: [
-        { key: '1', x: 1, routeName: '' },
-        { key: '2', x: 2, routeName: '' },
-      ],
-      isTransitioning: false,
-    };
-
-    const descriptors = { 1: MOCK_DESCRIPTOR, 2: MOCK_DESCRIPTOR };
-    const scenes1 = ScenesReducer([], state1, null, descriptors);
-    const scenes2 = ScenesReducer(scenes1, state2, state1, descriptors);
-    expect(scenes1).not.toBe(scenes2);
-  });
-
-  it('pops scenes', () => {
-    // Transition from ['1', '2', '3'] to ['1', '2'].
-    const scenes = testTransition([['1', '2', '3'], ['1', '2']]);
-
-    expect(scenes).toEqual([
-      {
-        index: 0,
-        isActive: false,
-        isStale: false,
-        descriptor: MOCK_DESCRIPTOR,
-        key: 'scene_1',
-        route: {
-          key: '1',
-          routeName: '',
-        },
-      },
-      {
-        index: 1,
-        isActive: true,
-        isStale: false,
-        descriptor: MOCK_DESCRIPTOR,
-        key: 'scene_2',
-        route: {
-          key: '2',
-          routeName: '',
-        },
-      },
-      {
-        index: 2,
-        isActive: false,
-        isStale: true,
-        descriptor: MOCK_DESCRIPTOR,
-        key: 'scene_3',
-        route: {
-          key: '3',
-          routeName: '',
-        },
-      },
-    ]);
-  });
-
-  it('replaces scenes', () => {
-    const scenes = testTransition([['1', '2'], ['3']]);
-
-    expect(scenes).toEqual([
-      {
-        index: 0,
-        isActive: false,
-        isStale: true,
-        descriptor: MOCK_DESCRIPTOR,
-        key: 'scene_1',
-        route: {
-          key: '1',
-          routeName: '',
-        },
-      },
-      {
-        index: 0,
-        isActive: true,
-        isStale: false,
-        descriptor: MOCK_DESCRIPTOR,
-        key: 'scene_3',
-        route: {
-          key: '3',
-          routeName: '',
-        },
-      },
-      {
-        index: 1,
-        isActive: false,
-        isStale: true,
-        descriptor: MOCK_DESCRIPTOR,
-        key: 'scene_2',
-        route: {
-          key: '2',
-          routeName: '',
-        },
-      },
-    ]);
-  });
-
-  it('revives scenes', () => {
-    const scenes = testTransition([['1', '2'], ['3'], ['2']]);
-
-    expect(scenes).toEqual([
-      {
-        index: 0,
-        isActive: false,
-        isStale: true,
-        descriptor: MOCK_DESCRIPTOR,
-        key: 'scene_1',
-        route: {
-          key: '1',
-          routeName: '',
-        },
-      },
-      {
-        index: 0,
-        isActive: true,
-        isStale: false,
-        descriptor: MOCK_DESCRIPTOR,
-        key: 'scene_2',
-        route: {
-          key: '2',
-          routeName: '',
-        },
-      },
-      {
-        index: 0,
-        isActive: false,
-        isStale: true,
-        descriptor: MOCK_DESCRIPTOR,
-        key: 'scene_3',
-        route: {
-          key: '3',
-          routeName: '',
-        },
-      },
-    ]);
-  });
-});
diff --git a/src/views/__tests__/Transitioner.test.tsx b/src/views/__tests__/Transitioner.test.tsx
deleted file mode 100644
index d45f5a29b..000000000
--- a/src/views/__tests__/Transitioner.test.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-/* eslint react/display-name:0 */
-import * as React from 'react';
-import renderer from 'react-test-renderer';
-import Transitioner from '../Transitioner';
-
-describe('Transitioner', () => {
-  // TODO: why does this fail here but not when it was part of react-navigation repo?
-  it.skip('should not trigger onTransitionStart and onTransitionEnd when route params are changed', () => {
-    const onTransitionStartCallback = jest.fn();
-    const onTransitionEndCallback = jest.fn();
-
-    const transitionerProps = {
-      configureTransition: () => ({}),
-      navigation: {
-        state: {
-          key: '0',
-          index: 0,
-          routes: [
-            { key: '1', routeName: 'Foo' },
-            { key: '2', routeName: 'Bar' },
-          ],
-        },
-        goBack: () => false,
-        dispatch: () => false,
-        setParams: () => false,
-        navigate: () => false,
-        isFocused: () => false,
-        dangerouslyGetParent: () => undefined,
-        getParam: jest.fn(),
-        addListener: jest.fn(),
-      },
-      render: () => <div />,
-      onTransitionStart: onTransitionStartCallback,
-      onTransitionEnd: onTransitionEndCallback,
-    };
-
-    const nextTransitionerProps = {
-      ...transitionerProps,
-      navigation: {
-        ...transitionerProps.navigation,
-        state: {
-          key: '0',
-          index: 0,
-          routes: [
-            { key: '1', routeName: 'Foo', params: { name: 'Zoom' } },
-            { key: '2', routeName: 'Bar' },
-          ],
-        },
-      },
-    };
-    const component = renderer.create(
-      <Transitioner descriptors={{}} {...transitionerProps} />
-    );
-    component.update(
-      <Transitioner descriptors={{}} {...nextTransitionerProps} />
-    );
-    expect(onTransitionStartCallback).not.toBeCalled();
-    expect(onTransitionEndCallback).not.toBeCalled();
-  });
-});
diff --git a/types/@react-navigation/core.d.ts b/types/@react-navigation/core.d.ts
index d3561b8f0..0367ab3fa 100644
--- a/types/@react-navigation/core.d.ts
+++ b/types/@react-navigation/core.d.ts
@@ -2,7 +2,15 @@ declare module '@react-navigation/core' {
   import * as React from 'react';
 
   export const StackActions: {
-    completeTransition<T extends { key?: string } | undefined>(
+    completeTransition<
+      T extends { key?: string; toChildKey?: string } | undefined
+    >(
+      options?: T
+    ): { type: string } & T;
+    push<T extends { key?: string; immediate?: boolean } | undefined>(
+      options?: T
+    ): { type: string } & T;
+    pop<T extends { key?: string; immediate?: boolean } | undefined>(
       options?: T
     ): { type: string } & T;
   };
diff --git a/yarn.lock b/yarn.lock
index b3e5f5efc..52bfa22ff 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9,7 +9,7 @@
   dependencies:
     "@babel/highlight" "^7.0.0"
 
-"@babel/core@^7.0.0", "@babel/core@^7.1.0", "@babel/core@^7.4.0", "@babel/core@^7.4.4":
+"@babel/core@^7.0.0", "@babel/core@^7.1.0", "@babel/core@^7.4.0":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.4.4.tgz#84055750b05fcd50f9915a826b44fa347a825250"
   integrity sha512-lQgGX3FPRgbz2SKmhMtYgJvVzGZrmjaF4apZ2bLwofAKiSjxU0drPh4S/VasyYXwaTs+A1gvQ45BN8SQJzHsQQ==
@@ -29,6 +29,26 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
+"@babel/core@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.5.0.tgz#6ed6a2881ad48a732c5433096d96d1b0ee5eb734"
+  integrity sha512-6Isr4X98pwXqHvtigw71CKgmhL1etZjPs5A67jL/w0TkLM9eqmFR40YrnJvEc1WnMZFsskjsmid8bHZyxKEAnw==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    "@babel/generator" "^7.5.0"
+    "@babel/helpers" "^7.5.0"
+    "@babel/parser" "^7.5.0"
+    "@babel/template" "^7.4.4"
+    "@babel/traverse" "^7.5.0"
+    "@babel/types" "^7.5.0"
+    convert-source-map "^1.1.0"
+    debug "^4.1.0"
+    json5 "^2.1.0"
+    lodash "^4.17.11"
+    resolve "^1.3.2"
+    semver "^5.4.1"
+    source-map "^0.5.0"
+
 "@babel/generator@^7.0.0", "@babel/generator@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.4.4.tgz#174a215eb843fc392c7edcaabeaa873de6e8f041"
@@ -40,6 +60,17 @@
     source-map "^0.5.0"
     trim-right "^1.0.1"
 
+"@babel/generator@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.5.0.tgz#f20e4b7a91750ee8b63656073d843d2a736dca4a"
+  integrity sha512-1TTVrt7J9rcG5PMjvO7VEG3FrEoEJNHxumRq66GemPmzboLWtIjjcJgk8rokuAS7IiRSpgVSu5Vb9lc99iJkOA==
+  dependencies:
+    "@babel/types" "^7.5.0"
+    jsesc "^2.5.1"
+    lodash "^4.17.11"
+    source-map "^0.5.0"
+    trim-right "^1.0.1"
+
 "@babel/helper-annotate-as-pure@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.0.0.tgz#323d39dd0b50e10c7c06ca7d7638e6864d8c5c32"
@@ -224,6 +255,15 @@
     "@babel/traverse" "^7.4.4"
     "@babel/types" "^7.4.4"
 
+"@babel/helpers@^7.5.0":
+  version "7.5.1"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.5.1.tgz#65407c741a56ddd59dd86346cd112da3de912db3"
+  integrity sha512-rVOTDv8sH8kNI72Unenusxw6u+1vEepZgLxeV+jHkhsQlYhzVhzL1EpfoWT7Ub3zpWSv2WV03V853dqsnyoQzA==
+  dependencies:
+    "@babel/template" "^7.4.4"
+    "@babel/traverse" "^7.5.0"
+    "@babel/types" "^7.5.0"
+
 "@babel/highlight@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.0.0.tgz#f710c38c8d458e6dd9a201afb637fcb781ce99e4"
@@ -238,6 +278,11 @@
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.4.4.tgz#5977129431b8fe33471730d255ce8654ae1250b6"
   integrity sha512-5pCS4mOsL+ANsFZGdvNLybx4wtqAZJ0MJjMHxvzI3bvIsz6sQvzW8XX92EYIkiPtIvcfG3Aj+Ir5VNyjnZhP7w==
 
+"@babel/parser@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.5.0.tgz#3e0713dff89ad6ae37faec3b29dcfc5c979770b7"
+  integrity sha512-I5nW8AhGpOXGCCNYGc+p7ExQIBxRFnS2fd/d862bNOKvmoEPjYPcfIjsfdy0ujagYOIYPczKgD9l3FsgTkAzKA==
+
 "@babel/plugin-external-helpers@^7.0.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-external-helpers/-/plugin-external-helpers-7.2.0.tgz#7f4cb7dee651cd380d2034847d914288467a6be4"
@@ -638,6 +683,21 @@
     globals "^11.1.0"
     lodash "^4.17.11"
 
+"@babel/traverse@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.5.0.tgz#4216d6586854ef5c3c4592dab56ec7eb78485485"
+  integrity sha512-SnA9aLbyOCcnnbQEGwdfBggnc142h/rbqqsXcaATj2hZcegCl903pUD/lfpsNBlBSuWow/YDfRyJuWi2EPR5cg==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    "@babel/generator" "^7.5.0"
+    "@babel/helper-function-name" "^7.1.0"
+    "@babel/helper-split-export-declaration" "^7.4.4"
+    "@babel/parser" "^7.5.0"
+    "@babel/types" "^7.5.0"
+    debug "^4.1.0"
+    globals "^11.1.0"
+    lodash "^4.17.11"
+
 "@babel/types@^7.0.0", "@babel/types@^7.2.0", "@babel/types@^7.3.0", "@babel/types@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.4.4.tgz#8db9e9a629bb7c29370009b4b779ed93fe57d5f0"
@@ -647,6 +707,15 @@
     lodash "^4.17.11"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.5.0.tgz#e47d43840c2e7f9105bc4d3a2c371b4d0c7832ab"
+  integrity sha512-UFpDVqRABKsW01bvw7/wSUe56uy6RXM5+VJibVVAybDGxEW25jdwiFJEf7ASvSaC7sN7rbE/l3cLp2izav+CtQ==
+  dependencies:
+    esutils "^2.0.2"
+    lodash "^4.17.11"
+    to-fast-properties "^2.0.0"
+
 "@cnakazawa/watch@^1.0.3":
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/@cnakazawa/watch/-/watch-1.0.3.tgz#099139eaec7ebf07a27c1786a3ff64f39464d2ef"
@@ -655,144 +724,148 @@
     exec-sh "^0.3.2"
     minimist "^1.2.0"
 
-"@commitlint/cli@^7.5.2":
-  version "7.5.2"
-  resolved "https://registry.yarnpkg.com/@commitlint/cli/-/cli-7.5.2.tgz#2475cd8f7ed3b2f9c2ab96c06bc24d61d23f8716"
-  integrity sha512-UQdW/wNb+XeANoYYLyuKEDIfWKSzdhJkPQZ8ie/IjfMNnsP+B23bkX4Ati+6U8zgz0yyngoxWl+3lfExiIL4hQ==
+"@commitlint/cli@^8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@commitlint/cli/-/cli-8.0.0.tgz#1be7aa14fecbcf71317a8187fbb5210760d4ca61"
+  integrity sha512-wFu+g9v73I2rMRTv27ItIbcrhWqge0ZpUNUIJ9fw8TF7XpmhaUFvGqa2kU6st1F0TyEOrq5ZMzwI8kQZNVLuXg==
   dependencies:
-    "@commitlint/format" "^7.5.0"
-    "@commitlint/lint" "^7.5.2"
-    "@commitlint/load" "^7.5.0"
-    "@commitlint/read" "^7.5.0"
+    "@commitlint/format" "^8.0.0"
+    "@commitlint/lint" "^8.0.0"
+    "@commitlint/load" "^8.0.0"
+    "@commitlint/read" "^8.0.0"
     babel-polyfill "6.26.0"
     chalk "2.3.1"
-    get-stdin "5.0.1"
+    get-stdin "7.0.0"
     lodash "4.17.11"
     meow "5.0.0"
-    resolve-from "4.0.0"
-    resolve-global "0.1.0"
+    resolve-from "5.0.0"
+    resolve-global "1.0.0"
 
-"@commitlint/config-conventional@^7.5.0":
-  version "7.5.0"
-  resolved "https://registry.yarnpkg.com/@commitlint/config-conventional/-/config-conventional-7.5.0.tgz#3afd4e3e34e5c2f6ec6af03e78ae924fed883ce7"
-  integrity sha512-odLgBfQ5xntFAmMfAmDY2C4EWhW+cSTbvbsRS7seb55DCa3IaxxSHHC9eXrR+hN/BdUT5vqAxdX1PkR996sq9Q==
+"@commitlint/config-conventional@^8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@commitlint/config-conventional/-/config-conventional-8.0.0.tgz#f45349cab9dcfc08a30fbcf2b6317506e17bc8e6"
+  integrity sha512-umg1irroowOV+x8oZPBw8woCogZO5MFKUYQq+fRZvhowoSwDHXYILP3ETcdHUgvytw/K/a8Xvu7iCypK6oZQ+g==
 
-"@commitlint/ensure@^7.5.2":
-  version "7.5.2"
-  resolved "https://registry.yarnpkg.com/@commitlint/ensure/-/ensure-7.5.2.tgz#57bb7dcbf1e9913e27c3b294325d0d68dd14cebf"
-  integrity sha512-ZMJKHhSJC789chKy0kWp8EWbCpLPy6vKa+fopUVx+tWL7H8AeBbibXlqAnybg+HWNcb/RD7ORROx0IsgrK4IYA==
+"@commitlint/ensure@^8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@commitlint/ensure/-/ensure-8.0.0.tgz#67a3e72755a0dfa5f4216efd05238f62ff132110"
+  integrity sha512-rhBO79L9vXeb26JU+14cxZQq46KyyVqlo31C33VIe7oJndUtWrDhZTvMjJeB1pdXh4EU4XWdMo+yzBmuypFgig==
   dependencies:
     lodash "4.17.11"
 
-"@commitlint/execute-rule@^7.5.0":
-  version "7.5.0"
-  resolved "https://registry.yarnpkg.com/@commitlint/execute-rule/-/execute-rule-7.5.0.tgz#c9cfbab71eb962e1c46e78d76375e32754ab1e38"
-  integrity sha512-K66aoly8mxSHmBA/Y8bKSPPcCAR4GpJEsvHaLDYOG7GsyChu8NgCD53L8GUqPW8lBCWwnmCiSL+RlOkNHJ0Gag==
+"@commitlint/execute-rule@^8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@commitlint/execute-rule/-/execute-rule-8.0.0.tgz#df2a9893f162fc561ca4e95a34bd782469dd7f8b"
+  integrity sha512-E/A2xHqx3syclXAFl8vJY2o/+xtL9axrqbFFF42Bzke+Eflf0mOJviPxDodu2xP0wXMRQ9UokAi/reK9dMtA/A==
   dependencies:
     babel-runtime "6.26.0"
 
-"@commitlint/format@^7.5.0":
-  version "7.5.0"
-  resolved "https://registry.yarnpkg.com/@commitlint/format/-/format-7.5.0.tgz#57a2b92dc58a3409b2be67c4c8c10bd1b28e9fe8"
-  integrity sha512-DEeQXfTLUm9kARliCBfw3SlQRAYjK2aXeRAUMs1HPhLA2tjNFFGv6LOpFFNdiu/WV+o1ojcgIvBBjpHaVT+Tvw==
+"@commitlint/format@^8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@commitlint/format/-/format-8.0.0.tgz#f7c858d9057e1da6856be211ad049c5b9a66185b"
+  integrity sha512-dFxKGLp1T4obi7+YZ2NcSAebJA/dBQwnerRJGz0hWtsO6pheJRe+qC50+GCb2fYGWUc5lIWawaRts0m7RkFGUw==
   dependencies:
-    babel-runtime "^6.23.0"
     chalk "^2.0.1"
 
-"@commitlint/is-ignored@^7.5.1":
-  version "7.5.1"
-  resolved "https://registry.yarnpkg.com/@commitlint/is-ignored/-/is-ignored-7.5.1.tgz#c4f7ffc1c8b4cf9dc3204d22ef8e78ff82536d67"
-  integrity sha512-8JZCgy6bWSnjOT5cTTiyEAGp+Y4+5CUknhVbyiPxTRbjy6yF0aMKs1gMTfHrNHTKsasgmkCyPQd4C2eOPceuKA==
+"@commitlint/is-ignored@^8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@commitlint/is-ignored/-/is-ignored-8.0.0.tgz#eba06c9a6227288574f544a1705583d965f0ed65"
+  integrity sha512-geWr/NXGMrZ3qc3exDM+S1qV+nMDxp1LwN3rLpEN2gXTwW3rIXq49RQQUkn0n3BHcpqJJ9EBhjqFoMU1TYx7Ng==
   dependencies:
-    semver "5.6.0"
+    semver "6.0.0"
 
-"@commitlint/lint@^7.5.2":
-  version "7.5.2"
-  resolved "https://registry.yarnpkg.com/@commitlint/lint/-/lint-7.5.2.tgz#26cb819c74f8770413c4f6ef1e7abf1b739eda77"
-  integrity sha512-DY/UfGFDquMno+5c6+tE50rMxpjdQK3CRG+nktgYlVz1UAqeUD+bRc3pvX5HwAsuGvyDrWAjtszHtEDeYJKcjw==
+"@commitlint/lint@^8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@commitlint/lint/-/lint-8.0.0.tgz#3defb3b1a900ba966c64a51b497bf1fcff5fc9f2"
+  integrity sha512-5nKiJpBDR2iei+fre4+6M7FUrSX1cIMoxXKdrnb1GMOXkw9CsZSF5OvdrX08zHAFmOAeDaohoCV+XN/UN/vWYg==
   dependencies:
-    "@commitlint/is-ignored" "^7.5.1"
-    "@commitlint/parse" "^7.5.0"
-    "@commitlint/rules" "^7.5.2"
+    "@commitlint/is-ignored" "^8.0.0"
+    "@commitlint/parse" "^8.0.0"
+    "@commitlint/rules" "^8.0.0"
     babel-runtime "^6.23.0"
     lodash "4.17.11"
 
-"@commitlint/load@^7.5.0":
-  version "7.5.0"
-  resolved "https://registry.yarnpkg.com/@commitlint/load/-/load-7.5.0.tgz#2b225b97d631c2235d8b2084bc2fefb4d4d66719"
-  integrity sha512-fhBER/rzPsteM6zq5qqMiOi+A2bHKCE/0PKmOzYgaqTKcG9c1SsOle9phPemW85to8Gxd2YgUOVLsZkCMltLtA==
+"@commitlint/load@^8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@commitlint/load/-/load-8.0.0.tgz#5eacfb96635e9aeac8f1a0674491f29483348872"
+  integrity sha512-JXC3YjO7hN7Rv2Z/SaYz+oIvShsQWLL7gnOCe8+YgI1EusBqjV4mPI0HnBXVe9volfdxbl+Af/GoQZs2dvyOFA==
   dependencies:
-    "@commitlint/execute-rule" "^7.5.0"
-    "@commitlint/resolve-extends" "^7.5.0"
+    "@commitlint/execute-rule" "^8.0.0"
+    "@commitlint/resolve-extends" "^8.0.0"
     babel-runtime "^6.23.0"
-    cosmiconfig "^4.0.0"
+    cosmiconfig "^5.2.0"
     lodash "4.17.11"
-    resolve-from "^4.0.0"
+    resolve-from "^5.0.0"
 
-"@commitlint/message@^7.5.0":
-  version "7.5.0"
-  resolved "https://registry.yarnpkg.com/@commitlint/message/-/message-7.5.0.tgz#2572fad648c769dd210374c8b95fb37124302bc5"
-  integrity sha512-5YOhsqy/MgHH7vyDsmmzO6Jr3ygr1pXbCm9NR3XB51wjg55Kd6/6dVlkhS/FmDp99pfwTdHb0TyeDFEjP98waw==
+"@commitlint/message@^8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@commitlint/message/-/message-8.0.0.tgz#bbb02fb78490808e36157d675acc544fafd7942b"
+  integrity sha512-2oGUV8630nzsj17t6akq3mFguzWePADO069IwKJi+CN5L0YRBQj9zGRCB0P+zvh4EngjqMnuMwhEhaBEM8TTzA==
 
-"@commitlint/parse@^7.5.0":
-  version "7.5.0"
-  resolved "https://registry.yarnpkg.com/@commitlint/parse/-/parse-7.5.0.tgz#d9374266493e5229ec61d92316d28e02419c600f"
-  integrity sha512-hWASM8SBFTBtlFkKrEtD1qW6yTe2BsfoRiMKuYyRCTd+739TUF17og5vgQVuWttbGP0gXaciW44NygS2YjZmfA==
+"@commitlint/parse@^8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@commitlint/parse/-/parse-8.0.0.tgz#4b5fa19ab8bdb2c6452b7dbdf1d7adf52386ae60"
+  integrity sha512-6CyweJrBkI+Jqx7qkpYgVx2muBMoUZAZHWhUTgqHIDDmI+3d4UPZ2plGS2G0969KkHCgjtlwnwTjWqA9HLMwPA==
   dependencies:
     conventional-changelog-angular "^1.3.3"
     conventional-commits-parser "^2.1.0"
     lodash "^4.17.11"
 
-"@commitlint/read@^7.5.0":
-  version "7.5.0"
-  resolved "https://registry.yarnpkg.com/@commitlint/read/-/read-7.5.0.tgz#35d563b0f3075da2ce6945978996b16fb4acb0f8"
-  integrity sha512-uqGFCKZGnBUCTkxoCCJp4MfWUkegXkyT0T0RVM9diyG6uNWPWlMH1509sjLFlyeJKG+cSyYGG/d6T103ScMb4Q==
+"@commitlint/read@^8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@commitlint/read/-/read-8.0.0.tgz#5149fcb2550a07e7eb6a9f50b88df742780fa1e8"
+  integrity sha512-IhNMiKPqkB5yxphe/FiOKgX2uCysbR8fGK6KOXON3uJaVND0dctxnfdv+vY9gDv2CtjIXgNFO+v6FLnqMfIvwA==
   dependencies:
-    "@commitlint/top-level" "^7.5.0"
+    "@commitlint/top-level" "^8.0.0"
     "@marionebl/sander" "^0.6.0"
     babel-runtime "^6.23.0"
     git-raw-commits "^1.3.0"
 
-"@commitlint/resolve-extends@^7.5.0":
-  version "7.5.0"
-  resolved "https://registry.yarnpkg.com/@commitlint/resolve-extends/-/resolve-extends-7.5.0.tgz#d95a3058e83ddbaef5e3045835b9a3a1fba3422c"
-  integrity sha512-FRIyPuqGvGa03OT4VgOHakizcw8YR5rdm77JsZff1rSnpxk6i+025I6qMeHqCIr5FaVIA0kR3FlC+MJFUs165A==
+"@commitlint/resolve-extends@^8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@commitlint/resolve-extends/-/resolve-extends-8.0.0.tgz#dc606cecb0f392d57905cfd690d8f736ad26eec2"
+  integrity sha512-SPkH+dXMCpYboVwpIhtOhpg1xYdE7L77fuHmEJWveXSmgfi0GosFm4aJ7Cer9DjNjW+KbD0TUfzZU0TrYUESjQ==
   dependencies:
     babel-runtime "6.26.0"
     import-fresh "^3.0.0"
     lodash "4.17.11"
-    resolve-from "^4.0.0"
-    resolve-global "^0.1.0"
+    resolve-from "^5.0.0"
+    resolve-global "^1.0.0"
 
-"@commitlint/rules@^7.5.2":
-  version "7.5.2"
-  resolved "https://registry.yarnpkg.com/@commitlint/rules/-/rules-7.5.2.tgz#da03d754625b2e67c0a6b8b9ab89eae1952a4f2e"
-  integrity sha512-eDN1UFPcBOjdnlI3syuo7y99SjGH/dUV6S9NvBocAye8ln5dfKiI2shhWochJhl36r/kYWU8Wrvl2NZJL3c52g==
+"@commitlint/rules@^8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@commitlint/rules/-/rules-8.0.0.tgz#26ef50fedb5a88a2ad2af43677e5bb7c32fb5f14"
+  integrity sha512-s9BehZQP5uAc/V4lMaUxwxFabVZTw5fZ18Ase1e5tbMKVIwq/7E00Ny1czN7xSFXfgffukWznsexpfFXYpbVsg==
   dependencies:
-    "@commitlint/ensure" "^7.5.2"
-    "@commitlint/message" "^7.5.0"
-    "@commitlint/to-lines" "^7.5.0"
+    "@commitlint/ensure" "^8.0.0"
+    "@commitlint/message" "^8.0.0"
+    "@commitlint/to-lines" "^8.0.0"
     babel-runtime "^6.23.0"
 
-"@commitlint/to-lines@^7.5.0":
-  version "7.5.0"
-  resolved "https://registry.yarnpkg.com/@commitlint/to-lines/-/to-lines-7.5.0.tgz#a24410d25bb85a5fff3b8d610277b3145f899766"
-  integrity sha512-ZQ3LxPNuQ/J7q42hkiPWN5fUIjWae85H2HHoBB+/Rw1fo+oehvr4Xyt+Oa9Mx5WbBnev/wXnUFjXgoadv1RZ5A==
+"@commitlint/to-lines@^8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@commitlint/to-lines/-/to-lines-8.0.0.tgz#9f7d7938404bdbb345c23c8665293e051c4dc243"
+  integrity sha512-qqgNeyj+NJ1Xffwv6hGsipKlVFj30NmfPup751MS/me0GV8IBd//njTjiqHvf/3sKm/OcGn4Re4D7YXwTcC2RA==
 
-"@commitlint/top-level@^7.5.0":
-  version "7.5.0"
-  resolved "https://registry.yarnpkg.com/@commitlint/top-level/-/top-level-7.5.0.tgz#01e740167e3d15110794192cd754f49f27d4a16d"
-  integrity sha512-oTu185GufTYHjTXPHu6k6HL7iuASOvDOtQizZWRSxj0VXuoki6e0HzvGZsRsycDTOn04Q9hVu+PhF83IUwRpeg==
+"@commitlint/top-level@^8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@commitlint/top-level/-/top-level-8.0.0.tgz#3d998ba1e13be939f4227202eebae7f1dbb472a9"
+  integrity sha512-If9hwfISHV8HXGKeXUKsUvOo4DuISWiU/VC2qHsKpeHSREAxkWESmQzzwYvOtyBjMiOTfAXfzgth18g36Fz2ow==
   dependencies:
     find-up "^2.1.0"
 
-"@expo/vector-icons@^10.0.1":
-  version "10.0.1"
-  resolved "https://registry.yarnpkg.com/@expo/vector-icons/-/vector-icons-10.0.1.tgz#dbb0a9ab68b53aa6cbbc04b48421e4db862535d9"
-  integrity sha512-24m39O2aO2G67VlQOlUHxGr/qYhfuYNJewpSSSUSxZ+3nznfp5fzN0aHPaFXuxCCyJiF49QkbBiXKHAGZWhVJA==
+"@expo/vector-icons@^10.0.3":
+  version "10.0.3"
+  resolved "https://registry.yarnpkg.com/@expo/vector-icons/-/vector-icons-10.0.3.tgz#9dec25cf6c29871f2bb1fe932029878c221f1f75"
+  integrity sha512-3iTdjnBlleddgcRGZV9JQXi+WRL3n2BehW48JOFv/mydx8BjHD0QAcYLOXGuwrcRKR0AIRhHxFQwKVyQ4YcYLA==
   dependencies:
     lodash "^4.17.4"
 
+"@iarna/toml@2.2.3":
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/@iarna/toml/-/toml-2.2.3.tgz#f060bf6eaafae4d56a7dac618980838b0696e2ab"
+  integrity sha512-FmuxfCuolpLl0AnQ2NHSzoUKWEJDFl63qXjzdoWBVyFCXzMGm1spBzk7LeHNoVCiWCF7mRVms9e6jEV9+MoPbg==
+
 "@jest/console@^24.7.1":
   version "24.7.1"
   resolved "https://registry.yarnpkg.com/@jest/console/-/console-24.7.1.tgz#32a9e42535a97aedfe037e725bd67e954b459545"
@@ -802,32 +875,32 @@
     chalk "^2.0.1"
     slash "^2.0.0"
 
-"@jest/core@^24.7.1":
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-24.7.1.tgz#6707f50db238d0c5988860680e2e414df0032024"
-  integrity sha512-ivlZ8HX/FOASfHcb5DJpSPFps8ydfUYzLZfgFFqjkLijYysnIEOieg72YRhO4ZUB32xu40hsSMmaw+IGYeKONA==
+"@jest/core@^24.8.0":
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/@jest/core/-/core-24.8.0.tgz#fbbdcd42a41d0d39cddbc9f520c8bab0c33eed5b"
+  integrity sha512-R9rhAJwCBQzaRnrRgAdVfnglUuATXdwTRsYqs6NMdVcAl5euG8LtWDe+fVkN27YfKVBW61IojVsXKaOmSnqd/A==
   dependencies:
     "@jest/console" "^24.7.1"
-    "@jest/reporters" "^24.7.1"
-    "@jest/test-result" "^24.7.1"
-    "@jest/transform" "^24.7.1"
-    "@jest/types" "^24.7.0"
+    "@jest/reporters" "^24.8.0"
+    "@jest/test-result" "^24.8.0"
+    "@jest/transform" "^24.8.0"
+    "@jest/types" "^24.8.0"
     ansi-escapes "^3.0.0"
     chalk "^2.0.1"
     exit "^0.1.2"
     graceful-fs "^4.1.15"
-    jest-changed-files "^24.7.0"
-    jest-config "^24.7.1"
-    jest-haste-map "^24.7.1"
-    jest-message-util "^24.7.1"
+    jest-changed-files "^24.8.0"
+    jest-config "^24.8.0"
+    jest-haste-map "^24.8.0"
+    jest-message-util "^24.8.0"
     jest-regex-util "^24.3.0"
-    jest-resolve-dependencies "^24.7.1"
-    jest-runner "^24.7.1"
-    jest-runtime "^24.7.1"
-    jest-snapshot "^24.7.1"
-    jest-util "^24.7.1"
-    jest-validate "^24.7.0"
-    jest-watcher "^24.7.1"
+    jest-resolve-dependencies "^24.8.0"
+    jest-runner "^24.8.0"
+    jest-runtime "^24.8.0"
+    jest-snapshot "^24.8.0"
+    jest-util "^24.8.0"
+    jest-validate "^24.8.0"
+    jest-watcher "^24.8.0"
     micromatch "^3.1.10"
     p-each-series "^1.0.0"
     pirates "^4.0.1"
@@ -835,45 +908,46 @@
     rimraf "^2.5.4"
     strip-ansi "^5.0.0"
 
-"@jest/environment@^24.7.1":
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-24.7.1.tgz#9b9196bc737561f67ac07817d4c5ece772e33135"
-  integrity sha512-wmcTTYc4/KqA+U5h1zQd5FXXynfa7VGP2NfF+c6QeGJ7c+2nStgh65RQWNX62SC716dTtqheTRrZl0j+54oGHw==
-  dependencies:
-    "@jest/fake-timers" "^24.7.1"
-    "@jest/transform" "^24.7.1"
-    "@jest/types" "^24.7.0"
-    jest-mock "^24.7.0"
-
-"@jest/fake-timers@^24.7.1":
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-24.7.1.tgz#56e5d09bdec09ee81050eaff2794b26c71d19db2"
-  integrity sha512-4vSQJDKfR2jScOe12L9282uiwuwQv9Lk7mgrCSZHA9evB9efB/qx8i0KJxsAKtp8fgJYBJdYY7ZU6u3F4/pyjA==
-  dependencies:
-    "@jest/types" "^24.7.0"
-    jest-message-util "^24.7.1"
-    jest-mock "^24.7.0"
-
-"@jest/reporters@^24.7.1":
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-24.7.1.tgz#38ac0b096cd691bbbe3051ddc25988d42e37773a"
-  integrity sha512-bO+WYNwHLNhrjB9EbPL4kX/mCCG4ZhhfWmO3m4FSpbgr7N83MFejayz30kKjgqr7smLyeaRFCBQMbXpUgnhAJw==
-  dependencies:
-    "@jest/environment" "^24.7.1"
-    "@jest/test-result" "^24.7.1"
-    "@jest/transform" "^24.7.1"
-    "@jest/types" "^24.7.0"
+"@jest/environment@^24.8.0":
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-24.8.0.tgz#0342261383c776bdd652168f68065ef144af0eac"
+  integrity sha512-vlGt2HLg7qM+vtBrSkjDxk9K0YtRBi7HfRFaDxoRtyi+DyVChzhF20duvpdAnKVBV6W5tym8jm0U9EfXbDk1tw==
+  dependencies:
+    "@jest/fake-timers" "^24.8.0"
+    "@jest/transform" "^24.8.0"
+    "@jest/types" "^24.8.0"
+    jest-mock "^24.8.0"
+
+"@jest/fake-timers@^24.8.0":
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-24.8.0.tgz#2e5b80a4f78f284bcb4bd5714b8e10dd36a8d3d1"
+  integrity sha512-2M4d5MufVXwi6VzZhJ9f5S/wU4ud2ck0kxPof1Iz3zWx6Y+V2eJrES9jEktB6O3o/oEyk+il/uNu9PvASjWXQw==
+  dependencies:
+    "@jest/types" "^24.8.0"
+    jest-message-util "^24.8.0"
+    jest-mock "^24.8.0"
+
+"@jest/reporters@^24.8.0":
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-24.8.0.tgz#075169cd029bddec54b8f2c0fc489fd0b9e05729"
+  integrity sha512-eZ9TyUYpyIIXfYCrw0UHUWUvE35vx5I92HGMgS93Pv7du+GHIzl+/vh8Qj9MCWFK/4TqyttVBPakWMOfZRIfxw==
+  dependencies:
+    "@jest/environment" "^24.8.0"
+    "@jest/test-result" "^24.8.0"
+    "@jest/transform" "^24.8.0"
+    "@jest/types" "^24.8.0"
     chalk "^2.0.1"
     exit "^0.1.2"
     glob "^7.1.2"
-    istanbul-api "^2.1.1"
     istanbul-lib-coverage "^2.0.2"
     istanbul-lib-instrument "^3.0.1"
+    istanbul-lib-report "^2.0.4"
     istanbul-lib-source-maps "^3.0.1"
-    jest-haste-map "^24.7.1"
-    jest-resolve "^24.7.1"
-    jest-runtime "^24.7.1"
-    jest-util "^24.7.1"
+    istanbul-reports "^2.1.1"
+    jest-haste-map "^24.8.0"
+    jest-resolve "^24.8.0"
+    jest-runtime "^24.8.0"
+    jest-util "^24.8.0"
     jest-worker "^24.6.0"
     node-notifier "^5.2.1"
     slash "^2.0.0"
@@ -889,52 +963,53 @@
     graceful-fs "^4.1.15"
     source-map "^0.6.0"
 
-"@jest/test-result@^24.7.1":
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-24.7.1.tgz#19eacdb29a114300aed24db651e5d975f08b6bbe"
-  integrity sha512-3U7wITxstdEc2HMfBX7Yx3JZgiNBubwDqQMh+BXmZXHa3G13YWF3p6cK+5g0hGkN3iufg/vGPl3hLxQXD74Npg==
+"@jest/test-result@^24.8.0":
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-24.8.0.tgz#7675d0aaf9d2484caa65e048d9b467d160f8e9d3"
+  integrity sha512-+YdLlxwizlfqkFDh7Mc7ONPQAhA4YylU1s529vVM1rsf67vGZH/2GGm5uO8QzPeVyaVMobCQ7FTxl38QrKRlng==
   dependencies:
     "@jest/console" "^24.7.1"
-    "@jest/types" "^24.7.0"
+    "@jest/types" "^24.8.0"
     "@types/istanbul-lib-coverage" "^2.0.0"
 
-"@jest/test-sequencer@^24.7.1":
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-24.7.1.tgz#9c18e428e1ad945fa74f6233a9d35745ca0e63e0"
-  integrity sha512-84HQkCpVZI/G1zq53gHJvSmhUer4aMYp9tTaffW28Ih5OxfCg8hGr3nTSbL1OhVDRrFZwvF+/R9gY6JRkDUpUA==
+"@jest/test-sequencer@^24.8.0":
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-24.8.0.tgz#2f993bcf6ef5eb4e65e8233a95a3320248cf994b"
+  integrity sha512-OzL/2yHyPdCHXEzhoBuq37CE99nkme15eHkAzXRVqthreWZamEMA0WoetwstsQBCXABhczpK03JNbc4L01vvLg==
   dependencies:
-    "@jest/test-result" "^24.7.1"
-    jest-haste-map "^24.7.1"
-    jest-runner "^24.7.1"
-    jest-runtime "^24.7.1"
+    "@jest/test-result" "^24.8.0"
+    jest-haste-map "^24.8.0"
+    jest-runner "^24.8.0"
+    jest-runtime "^24.8.0"
 
-"@jest/transform@^24.7.1":
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-24.7.1.tgz#872318f125bcfab2de11f53b465ab1aa780789c2"
-  integrity sha512-EsOUqP9ULuJ66IkZQhI5LufCHlTbi7hrcllRMUEV/tOgqBVQi93+9qEvkX0n8mYpVXQ8VjwmICeRgg58mrtIEw==
+"@jest/transform@^24.8.0":
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-24.8.0.tgz#628fb99dce4f9d254c6fd9341e3eea262e06fef5"
+  integrity sha512-xBMfFUP7TortCs0O+Xtez2W7Zu1PLH9bvJgtraN1CDST6LBM/eTOZ9SfwS/lvV8yOfcDpFmwf9bq5cYbXvqsvA==
   dependencies:
     "@babel/core" "^7.1.0"
-    "@jest/types" "^24.7.0"
+    "@jest/types" "^24.8.0"
     babel-plugin-istanbul "^5.1.0"
     chalk "^2.0.1"
     convert-source-map "^1.4.0"
     fast-json-stable-stringify "^2.0.0"
     graceful-fs "^4.1.15"
-    jest-haste-map "^24.7.1"
+    jest-haste-map "^24.8.0"
     jest-regex-util "^24.3.0"
-    jest-util "^24.7.1"
+    jest-util "^24.8.0"
     micromatch "^3.1.10"
     realpath-native "^1.1.0"
     slash "^2.0.0"
     source-map "^0.6.1"
     write-file-atomic "2.4.1"
 
-"@jest/types@^24.7.0":
-  version "24.7.0"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-24.7.0.tgz#c4ec8d1828cdf23234d9b4ee31f5482a3f04f48b"
-  integrity sha512-ipJUa2rFWiKoBqMKP63Myb6h9+iT3FHRTF2M8OR6irxWzItisa8i4dcSg14IbvmXUnBlHBlUQPYUHWyX3UPpYA==
+"@jest/types@^24.8.0":
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-24.8.0.tgz#f31e25948c58f0abd8c845ae26fcea1491dea7ad"
+  integrity sha512-g17UxVr2YfBtaMUxn9u/4+siG1ptg9IGYAYwvpwn61nBg779RXnjE/m7CxYcIzEt0AbHZZAHSEZNhkE2WxURVg==
   dependencies:
     "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^1.1.1"
     "@types/yargs" "^12.0.9"
 
 "@marionebl/sander@^0.6.0":
@@ -946,51 +1021,69 @@
     mkdirp "^0.5.1"
     rimraf "^2.5.2"
 
-"@mrmlnc/readdir-enhanced@^2.2.1":
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz#524af240d1a360527b730475ecfa1344aa540dde"
-  integrity sha512-bPHp6Ji8b41szTOcaP63VlnbbO5Ny6dwAATtY6JTjh5N2OLrb5Qk/Th5cRkRQhkWCt+EJsYrNB0MiL+Gpn6e3g==
+"@nodelib/fs.scandir@2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.1.tgz#7fa8fed654939e1a39753d286b48b4836d00e0eb"
+  integrity sha512-NT/skIZjgotDSiXs0WqYhgcuBKhUMgfekCmCGtkUAiLqZdOnrdjmZr9wRl3ll64J9NF79uZ4fk16Dx0yMc/Xbg==
   dependencies:
-    call-me-maybe "^1.0.1"
-    glob-to-regexp "^0.3.0"
+    "@nodelib/fs.stat" "2.0.1"
+    run-parallel "^1.1.9"
 
-"@nodelib/fs.stat@^1.1.2":
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b"
-  integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==
+"@nodelib/fs.stat@2.0.1", "@nodelib/fs.stat@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.1.tgz#814f71b1167390cfcb6a6b3d9cdeb0951a192c14"
+  integrity sha512-+RqhBlLn6YRBGOIoVYthsG0J9dfpO79eJyN7BYBkZJtfqrBwf2KK+rD/M/yjZR6WBmIhAgOV7S60eCgaSWtbFw==
 
-"@octokit/endpoint@^4.0.0":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@octokit/endpoint/-/endpoint-4.2.2.tgz#4ff11382bad89c7e01030a1e62d5e9d13c2402b0"
-  integrity sha512-5IZjkUNhx5q0IRN7Juwf5A+Lu2qAso7ULST7C1P2mbGHePuCOk936Stcl/5GdJpB3ovD8M6/Lv3xra6Mn0IKNQ==
+"@nodelib/fs.walk@^1.2.1":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.2.tgz#6a6450c5e17012abd81450eb74949a4d970d2807"
+  integrity sha512-J/DR3+W12uCzAJkw7niXDcqcKBg6+5G5Q/ZpThpGNzAUz70eOR6RV4XnnSN01qHZiVl0eavoxJsBypQoKsV2QQ==
   dependencies:
-    deepmerge "3.2.0"
+    "@nodelib/fs.scandir" "2.1.1"
+    fastq "^1.6.0"
+
+"@octokit/endpoint@^5.1.0":
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/@octokit/endpoint/-/endpoint-5.2.0.tgz#acd569cb7152549998454aa5658532eb24a0987e"
+  integrity sha512-g4r1MKr8GJ8qubJQp3HP3JrxDY+ZeVqjYBTgtu1lPEDLhfQDY6rOhyZOoHKOw+gaIF6aAcmuvPPNZUro2OwmOg==
+  dependencies:
+    deepmerge "3.3.0"
     is-plain-object "^3.0.0"
-    universal-user-agent "^2.0.1"
+    universal-user-agent "^2.1.0"
     url-template "^2.0.8"
 
-"@octokit/request@3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@octokit/request/-/request-3.0.0.tgz#304a279036b2dc89e7fba7cb30c9e6a9b1f4d2df"
-  integrity sha512-DZqmbm66tq+a9FtcKrn0sjrUpi0UaZ9QPUCxxyk/4CJ2rseTMpAWRf6gCwOSUCzZcx/4XVIsDk+kz5BVdaeenA==
+"@octokit/request-error@^1.0.1", "@octokit/request-error@^1.0.2":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@octokit/request-error/-/request-error-1.0.4.tgz#15e1dc22123ba4a9a4391914d80ec1e5303a23be"
+  integrity sha512-L4JaJDXn8SGT+5G0uX79rZLv0MNJmfGa4vb4vy1NnpjSnWDLJRy6m90udGwvMmavwsStgbv2QNkPzzTCMmL+ig==
   dependencies:
-    "@octokit/endpoint" "^4.0.0"
-    deprecation "^1.0.1"
-    is-plain-object "^2.0.4"
+    deprecation "^2.0.0"
+    once "^1.4.0"
+
+"@octokit/request@^4.0.1":
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/@octokit/request/-/request-4.1.1.tgz#614262214f48417b4d3b14e047d09a9c8e2f7a09"
+  integrity sha512-LOyL0i3oxRo418EXRSJNk/3Q4I0/NKawTn6H/CQp+wnrG1UFLGu080gSsgnWobhPo5BpUNgSQ5BRk5FOOJhD1Q==
+  dependencies:
+    "@octokit/endpoint" "^5.1.0"
+    "@octokit/request-error" "^1.0.1"
+    deprecation "^2.0.0"
+    is-plain-object "^3.0.0"
     node-fetch "^2.3.0"
     once "^1.4.0"
-    universal-user-agent "^2.0.1"
+    universal-user-agent "^2.1.0"
 
-"@octokit/rest@16.25.0":
-  version "16.25.0"
-  resolved "https://registry.yarnpkg.com/@octokit/rest/-/rest-16.25.0.tgz#1111dc2b2058bc77442fd7fbd295dab3991b62bf"
-  integrity sha512-QKIzP0gNYjyIGmY3Gpm3beof0WFwxFR+HhRZ+Wi0fYYhkEUvkJiXqKF56Pf5glzzfhEwOrggfluEld5F/ZxsKw==
+"@octokit/rest@16.28.2":
+  version "16.28.2"
+  resolved "https://registry.yarnpkg.com/@octokit/rest/-/rest-16.28.2.tgz#3fc3b8700046ab29ab1e2a4bdf49f89e94f7ba27"
+  integrity sha512-csuYiHvJ1P/GFDadVn0QhwO83R1+YREjcwCY7ZIezB6aJTRIEidJZj+R7gAkUhT687cqYb4cXTZsDVu9F+Fmug==
   dependencies:
-    "@octokit/request" "3.0.0"
+    "@octokit/request" "^4.0.1"
+    "@octokit/request-error" "^1.0.2"
     atob-lite "^2.0.0"
     before-after-hook "^1.4.0"
     btoa-lite "^1.0.0"
-    deprecation "^1.0.1"
+    deprecation "^2.0.0"
     lodash.get "^4.4.2"
     lodash.set "^4.3.2"
     lodash.uniq "^4.5.0"
@@ -999,10 +1092,10 @@
     universal-user-agent "^2.0.0"
     url-template "^2.0.8"
 
-"@react-native-community/bob@^0.4.1":
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/@react-native-community/bob/-/bob-0.4.1.tgz#3174b8007dd6bd6e3666b770dcd3f171d3687d73"
-  integrity sha512-cyWAJK486/5o+RzqzPTTmiMcyYuX7XZvDGpqnJQ4Duw3T3h5cq8buQqfDyrFoSXF/rSqtFnlBbiYEvVR0G5G8A==
+"@react-native-community/bob@^0.6.1":
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/@react-native-community/bob/-/bob-0.6.1.tgz#dddee0f5d622e2479b2e13a3dd15241c8eaee5c9"
+  integrity sha512-DD7zWZVLifUQhbA3H2OAhPqyW3aqZJ15FUqb7ztZfwWyUwbLfz+K4wyUzfLPRG718vyau56lBWa0jsXgpCqF5g==
   dependencies:
     "@babel/core" "^7.4.0"
     chalk "^2.4.2"
@@ -1014,36 +1107,78 @@
     is-git-dirty "^1.0.0"
     metro-react-native-babel-preset "^0.53.1"
     yargs "^13.2.2"
+  optionalDependencies:
+    jetifier "^1.0.0-beta04.2"
+
+"@react-native-community/cli@^1.2.1":
+  version "1.9.8"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli/-/cli-1.9.8.tgz#8488699f78b146cab2d7451951c4218671812cdc"
+  integrity sha512-/qd1fRJzisTjYpfNJ4NGYYM6cWhnTbmTTUPzi3yHTpfWWtyepAl8MLf6RbXaC8menCkg1jGkke6hD4rDoUJK0A==
+  dependencies:
+    chalk "^1.1.1"
+    commander "^2.19.0"
+    compression "^1.7.1"
+    connect "^3.6.5"
+    denodeify "^1.2.1"
+    envinfo "^5.7.0"
+    errorhandler "^1.5.0"
+    escape-string-regexp "^1.0.5"
+    execa "^1.0.0"
+    fs-extra "^7.0.1"
+    glob "^7.1.1"
+    graceful-fs "^4.1.3"
+    inquirer "^3.0.6"
+    lodash "^4.17.5"
+    metro "^0.51.0"
+    metro-config "^0.51.0"
+    metro-core "^0.51.0"
+    metro-memory-fs "^0.51.0"
+    metro-react-native-babel-transformer "^0.51.0"
+    mime "^1.3.4"
+    minimist "^1.2.0"
+    mkdirp "^0.5.1"
+    morgan "^1.9.0"
+    node-fetch "^2.2.0"
+    node-notifier "^5.2.1"
+    opn "^3.0.2"
+    plist "^3.0.0"
+    semver "^5.0.3"
+    serve-static "^1.13.1"
+    shell-quote "1.6.1"
+    slash "^2.0.0"
+    ws "^1.1.0"
+    xcode "^2.0.0"
+    xmldoc "^0.4.0"
 
-"@react-navigation/core@^3.4.1":
-  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/@react-navigation/core/-/core-3.4.1.tgz#8c7e0e53cfb8ccaf87afb76a2733f5e5fde20cd8"
-  integrity sha512-slslu4FmjKQMO/EKGGqqGsfC6evQLdbJM2ROACcC2Xxf0+nPeZV5ND8HHukUZZucJRE6Bg/NI+zC1XSBYRjhnw==
+"@react-navigation/core@^3.4.2":
+  version "3.4.2"
+  resolved "https://registry.yarnpkg.com/@react-navigation/core/-/core-3.4.2.tgz#bec563e94fde40fbab3730cdc97f22afbb2a1498"
+  integrity sha512-7G+iDzLSTeOUU4vVZeRZKJ+Bd7ds7ZxYNqZcB8i0KlBeQEQfR74Ounfu/p0KIEq2RiNnaE3QT7WVP3C87sebzw==
   dependencies:
     hoist-non-react-statics "^3.3.0"
     path-to-regexp "^1.7.0"
     query-string "^6.4.2"
     react-is "^16.8.6"
 
-"@react-navigation/native@^3.4.1":
-  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/@react-navigation/native/-/native-3.4.1.tgz#e1fbf334ac834a9f10dd7d9c3af3e36939486089"
-  integrity sha512-pMAPQfvwC4DvhQfsrXKAf+FiU+A5XAh216v17rEePSFcbeOEt7cvewmWxCxydN/vFjJChFiPV+xnjJyJBdPLOg==
+"@react-navigation/native@^3.5.0":
+  version "3.5.0"
+  resolved "https://registry.yarnpkg.com/@react-navigation/native/-/native-3.5.0.tgz#f5d16e0845ac26d1147d1caa481f18a00740e7ae"
+  integrity sha512-TmGOis++ejEXG3sqNJhCSKqB0/qLu3FQgDtO959qpqif36R/diR8SQwJqeSdofoEiK3CepdhFlTCeHdS1/+MsQ==
   dependencies:
     hoist-non-react-statics "^3.0.1"
-    react-native-safe-area-view "^0.13.0"
+    react-native-safe-area-view "^0.14.1"
     react-native-screens "^1.0.0 || ^1.0.0-alpha"
 
-"@release-it/conventional-changelog@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@release-it/conventional-changelog/-/conventional-changelog-1.0.0.tgz#7256d6ab0b5e9aaa625c138a2bf230a2f1989ad1"
-  integrity sha512-0+xfTpqKHvDMZxsF53o8KYe/iQddv0z6sbVpw25r+9NB08vcwPJkebhHcaglga+L+IzK7RriHulAtR5fdZ7GLg==
+"@release-it/conventional-changelog@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@release-it/conventional-changelog/-/conventional-changelog-1.1.0.tgz#42e33ceff37d6ae4ad1667b4a1b1586b75e58fca"
+  integrity sha512-3uyHg2hgCEJMFjIbRTnGgqU//PK9u89dBlKRUmbSNALARCXiKN4XvJOWni54TsFeDSWmM3IUh9bgoGvj55ia4A==
   dependencies:
     concat-stream "^2.0.0"
-    conventional-changelog "^3.1.4"
-    conventional-recommended-bump "^4.0.4"
+    conventional-changelog "^3.1.8"
+    conventional-recommended-bump "^5.0.0"
     prepend-file "^1.3.1"
-    release-it "^11.0.0"
+    release-it "^12.2.1"
 
 "@sindresorhus/is@^0.14.0":
   version "0.14.0"
@@ -1104,20 +1239,35 @@
     "@types/minimatch" "*"
     "@types/node" "*"
 
-"@types/istanbul-lib-coverage@^2.0.0":
+"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0":
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.1.tgz#42995b446db9a48a11a07ec083499a860e9138ff"
   integrity sha512-hRJD2ahnnpLgsj6KWMYSrmXkM3rm2Dl1qkx6IOFD5FnuNPXJIG5L0dhgKXCYTRMGzU4n0wImQ/xfmRc4POUFlg==
 
+"@types/istanbul-lib-report@*":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-1.1.1.tgz#e5471e7fa33c61358dd38426189c037a58433b8c"
+  integrity sha512-3BUTyMzbZa2DtDI2BkERNC6jJw2Mr2Y0oGI7mRxYNBPxppbtEK1F66u3bKwU2g+wxwWI7PAoRpJnOY1grJqzHg==
+  dependencies:
+    "@types/istanbul-lib-coverage" "*"
+
+"@types/istanbul-reports@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-1.1.1.tgz#7a8cbf6a406f36c8add871625b278eaf0b0d255a"
+  integrity sha512-UpYjBi8xefVChsCoBpKShdxTllC9pwISirfoZsUa2AAdQg/Jd2KQGtSbw+ya7GPo7x/wAPlH6JBhKhAsXUEZNA==
+  dependencies:
+    "@types/istanbul-lib-coverage" "*"
+    "@types/istanbul-lib-report" "*"
+
 "@types/jest-diff@*":
   version "20.0.1"
   resolved "https://registry.yarnpkg.com/@types/jest-diff/-/jest-diff-20.0.1.tgz#35cc15b9c4f30a18ef21852e255fdb02f6d59b89"
   integrity sha512-yALhelO3i0hqZwhjtcr6dYyaLoCHbAMshwtj6cGxTvHZAKXHsYGdff6E8EPw3xLKY0ELUTQ69Q1rQiJENnccMA==
 
-"@types/jest@^24.0.12":
-  version "24.0.12"
-  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-24.0.12.tgz#0553dd0a5ac744e7dc4e8700da6d3baedbde3e8f"
-  integrity sha512-60sjqMhat7i7XntZckcSGV8iREJyXXI6yFHZkSZvCPUeOnEJ/VP1rU/WpEWQ56mvoh8NhC+sfKAuJRTyGtCOow==
+"@types/jest@^24.0.15":
+  version "24.0.15"
+  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-24.0.15.tgz#6c42d5af7fe3b44ffff7cc65de7bf741e8fa427f"
+  integrity sha512-MU1HIvWUme74stAoc3mgAi+aMlgKOudgEvQDIm1v4RkrDudBh1T+NFp5sftpBAdXdx1J0PbdpJ+M2EsSOi1djA==
   dependencies:
     "@types/jest-diff" "*"
 
@@ -1272,12 +1422,12 @@ ajv@^6.5.5, ajv@^6.9.1:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-ansi-align@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-2.0.0.tgz#c36aeccba563b89ceb556f3690f0b1d9e3547f7f"
-  integrity sha1-w2rsy6VjuJzrVW82kPCx2eNUf38=
+ansi-align@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-3.0.0.tgz#b536b371cf687caaef236c18d3e21fe3797467cb"
+  integrity sha512-ZpClVKqXN3RGBmKibdfWzqCY4lnjEuoNzU5T0oEFpfd/z5qJHVarukridD4juLO2FXMiwUQxr9WqQtaYa8XRYw==
   dependencies:
-    string-width "^2.0.0"
+    string-width "^3.0.0"
 
 ansi-colors@^1.0.1:
   version "1.1.0"
@@ -1357,13 +1507,6 @@ anymatch@^2.0.0:
     micromatch "^3.1.4"
     normalize-path "^2.1.1"
 
-append-transform@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/append-transform/-/append-transform-1.0.0.tgz#046a52ae582a228bd72f58acfbe2967c678759ab"
-  integrity sha512-P009oYkeHyU742iSZJzZZywj4QRJdnTWffaKuJQLablCZ1uz6/cW4yaRgcDaoQ+uwOxxnt0gRUcwfsNP2ri0gw==
-  dependencies:
-    default-require-extensions "^2.0.0"
-
 aproba@^1.0.3:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
@@ -1462,13 +1605,18 @@ array-slice@^0.2.3:
   resolved "https://registry.yarnpkg.com/array-slice/-/array-slice-0.2.3.tgz#dd3cfb80ed7973a75117cdac69b0b99ec86186f5"
   integrity sha1-3Tz7gO15c6dRF82sabC5nshhhvU=
 
-array-union@^1.0.1, array-union@^1.0.2:
+array-union@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
   integrity sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=
   dependencies:
     array-uniq "^1.0.1"
 
+array-union@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
+  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
+
 array-uniq@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
@@ -1533,7 +1681,7 @@ async-retry@1.2.3:
   dependencies:
     retry "0.12.0"
 
-async@^2.4.0, async@^2.6.1:
+async@^2.4.0:
   version "2.6.2"
   resolved "https://registry.yarnpkg.com/async/-/async-2.6.2.tgz#18330ea7e6e313887f5d2f2a904bac6fe4dd5381"
   integrity sha512-H1qVYh1MYhEEFLsP97cVKqCGo7KfCyTt6uEWqsTBr9SO84oK9Uwbyd/yCW+6rKJLHksBNUVWZDAjfS+Ccx0Bbg==
@@ -1577,13 +1725,13 @@ babel-eslint@^10.0.1:
     eslint-scope "3.7.1"
     eslint-visitor-keys "^1.0.0"
 
-babel-jest@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-24.7.1.tgz#73902c9ff15a7dfbdc9994b0b17fcefd96042178"
-  integrity sha512-GPnLqfk8Mtt0i4OemjWkChi73A3ALs4w2/QbG64uAj8b5mmwzxc7jbJVRZt8NJkxi6FopVHog9S3xX6UJKb2qg==
+babel-jest@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-24.8.0.tgz#5c15ff2b28e20b0f45df43fe6b7f2aae93dba589"
+  integrity sha512-+5/kaZt4I9efoXzPlZASyK/lN9qdRKmmUav9smVc0ruPQD7IsfucQ87gpOE8mn2jbDuS6M/YOW6n3v9ZoIfgnw==
   dependencies:
-    "@jest/transform" "^24.7.1"
-    "@jest/types" "^24.7.0"
+    "@jest/transform" "^24.8.0"
+    "@jest/types" "^24.8.0"
     "@types/babel__core" "^7.1.0"
     babel-plugin-istanbul "^5.1.0"
     babel-preset-jest "^24.6.0"
@@ -1679,11 +1827,6 @@ balanced-match@^1.0.0:
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
   integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
 
-base64-js@1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.1.2.tgz#d6400cac1c4c660976d90d07a04351d89395f5e8"
-  integrity sha1-1kAMrBxMZgl22Q0HoENR2JOV9eg=
-
 base64-js@^1.1.2, base64-js@^1.2.3:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.3.0.tgz#cab1e6118f051095e58b5281aea8c1cd22bfc0e3"
@@ -1726,17 +1869,18 @@ big-integer@^1.6.7:
   resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.43.tgz#8ac15bf13e93e509500859061233e19d8d0d99d1"
   integrity sha512-9dULc9jsKmXl0Aeunug8wbF+58n+hQoFjqClN7WeZwGLh0XJUWyJJ9Ee+Ep+Ql/J9fRsTVaeThp8MhiCCrY0Jg==
 
-boxen@^1.2.1:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/boxen/-/boxen-1.3.0.tgz#55c6c39a8ba58d9c61ad22cd877532deb665a20b"
-  integrity sha512-TNPjfTr432qx7yOjQyaXm3dSR0MH9vXp7eT1BFSl/C51g+EFnOR9hTg1IreahGBmDNCehscshe45f+C1TBZbLw==
+boxen@^3.0.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/boxen/-/boxen-3.2.0.tgz#fbdff0de93636ab4450886b6ff45b92d098f45eb"
+  integrity sha512-cU4J/+NodM3IHdSL2yN8bqYqnmlBTidDR4RC7nJs61ZmtGz8VZzM3HLQX0zY5mrSmPtR3xWwsq2jOUQqFZN8+A==
   dependencies:
-    ansi-align "^2.0.0"
-    camelcase "^4.0.0"
-    chalk "^2.0.1"
-    cli-boxes "^1.0.0"
-    string-width "^2.0.0"
+    ansi-align "^3.0.0"
+    camelcase "^5.3.1"
+    chalk "^2.4.2"
+    cli-boxes "^2.2.0"
+    string-width "^3.0.0"
     term-size "^1.2.0"
+    type-fest "^0.3.0"
     widest-line "^2.0.0"
 
 bplist-creator@0.0.7:
@@ -1786,6 +1930,13 @@ braces@^2.3.1:
     split-string "^3.0.2"
     to-regex "^3.0.1"
 
+braces@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
+  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
+  dependencies:
+    fill-range "^7.0.1"
+
 browser-process-hrtime@^0.1.2:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-0.1.3.tgz#616f00faef1df7ec1b5bf9cfe2bdc3170f26c7b4"
@@ -1810,19 +1961,16 @@ btoa-lite@^1.0.0:
   resolved "https://registry.yarnpkg.com/btoa-lite/-/btoa-lite-1.0.0.tgz#337766da15801210fdd956c22e9c6891ab9d0337"
   integrity sha1-M3dm2hWAEhD92VbCLpxokaudAzc=
 
+buffer-crc32@^0.2.13:
+  version "0.2.13"
+  resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
+  integrity sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI=
+
 buffer-from@^1.0.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
   integrity sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==
 
-bump-file@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/bump-file/-/bump-file-2.0.0.tgz#171475dc8a4ab0bd8ce8469860337446eb886fb5"
-  integrity sha512-Kt2FoAljRS630vFx+asbCBiCp1PqaJ2PuCby+P+Fl8LMsUnGaxw/C2YxxQe4SiCJBs3Zt8A28u3wQRwnYMtuUw==
-  dependencies:
-    detect-indent "5.0.0"
-    semver "5.4.1"
-
 bytes@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
@@ -1856,11 +2004,6 @@ cacheable-request@^6.0.0:
     normalize-url "^3.1.0"
     responselike "^1.0.2"
 
-call-me-maybe@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/call-me-maybe/-/call-me-maybe-1.0.1.tgz#26d208ea89e37b5cbde60250a15f031c16a4d66b"
-  integrity sha1-JtII6onje1y95gJQoV8DHBak1ms=
-
 caller-callsite@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/caller-callsite/-/caller-callsite-2.0.0.tgz#847e0fce0a223750a9a027c54b33731ad3154134"
@@ -1907,12 +2050,12 @@ camelcase@^2.0.0:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f"
   integrity sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=
 
-camelcase@^4.0.0, camelcase@^4.1.0:
+camelcase@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
   integrity sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0=
 
-camelcase@^5.0.0:
+camelcase@^5.0.0, camelcase@^5.3.1:
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
@@ -1931,11 +2074,6 @@ capture-exit@^2.0.0:
   dependencies:
     rsvp "^4.8.4"
 
-capture-stack-trace@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/capture-stack-trace/-/capture-stack-trace-1.0.1.tgz#a6c0bbe1f38f3aa0b92238ecb6ff42c344d4135d"
-  integrity sha512-mYQLZnx5Qt1JgB1WEiMCf2647plpGeQ2NMR/5L0HNZzGQo4fuSPnK+wjfPnKZV0aiJDgzmWqqkV/g7JD+DW0qw==
-
 caseless@~0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
@@ -1950,7 +2088,7 @@ chalk@2.3.1:
     escape-string-regexp "^1.0.5"
     supports-color "^5.2.0"
 
-chalk@2.4.2, chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.4.2:
+chalk@2.4.2, chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.4.1, chalk@^2.4.2:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
   integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
@@ -2005,11 +2143,6 @@ chownr@^1.1.1:
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.1.tgz#54726b8b8fff4df053c42187e801fb4412df1494"
   integrity sha512-j38EvO5+LHX84jlo6h4UzmOwi0UgW61WRyPtJz4qaadK5eY3BTS5TY/S1Stc3Uk2lIM6TPevAlULiEJwie860g==
 
-ci-info@^1.5.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-1.6.0.tgz#2ca20dbb9ceb32d4524a683303313f0304b1e497"
-  integrity sha512-vsGdkwSCDpWmP80ncATX7iea5DWQemg1UgCW5J8tqjU3lYw4FBYuj89J0CTVomA7BEfvSZd84GmHko+MxFQU2A==
-
 ci-info@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
@@ -2025,10 +2158,10 @@ class-utils@^0.3.5:
     isobject "^3.0.0"
     static-extend "^0.1.1"
 
-cli-boxes@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/cli-boxes/-/cli-boxes-1.0.0.tgz#4fa917c3e59c94a004cd61f8ee509da651687143"
-  integrity sha1-T6kXw+WclKAEzWH47lCdplFocUM=
+cli-boxes@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/cli-boxes/-/cli-boxes-2.2.0.tgz#538ecae8f9c6ca508e3c3c95b453fe93cb4c168d"
+  integrity sha512-gpaBrMAizVEANOpfZp/EEUixTXDyGt7DFzdK5hU+UbWt/J0lB0w20ncZj59Z9a93xHb9u12zF5BS6i9RKbtg4w==
 
 cli-cursor@^2.1.0:
   version "2.1.0"
@@ -2124,7 +2257,7 @@ combined-stream@^1.0.6, combined-stream@~1.0.6:
   dependencies:
     delayed-stream "~1.0.0"
 
-commander@^2.9.0, commander@~2.20.0:
+commander@^2.19.0, commander@^2.9.0, commander@~2.20.0:
   version "2.20.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.0.tgz#d58bb2b5c1ee8f87b0d340027e9e94e222c5a422"
   integrity sha512-7j2y+40w61zy6YC2iRNpUe/NwhNyoXrYpHMrSunaMG64nRnaf96zO/KMQR4OyN/UnE5KLyEBnKHd4aG3rskjpQ==
@@ -2134,14 +2267,14 @@ commander@~2.13.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.13.0.tgz#6964bca67685df7c1f1430c584f07d7597885b9c"
   integrity sha512-MVuS359B+YzaWqjCL/c+22gfryv+mCBPHAv3zyVI2GN8EY6IRP8VwtasXn8jyyhvvq84R4ImN1OKRtcbIasjYA==
 
-commitlint@^7.5.2:
-  version "7.5.2"
-  resolved "https://registry.yarnpkg.com/commitlint/-/commitlint-7.5.2.tgz#75ebee72175e451f37132113d410f095ea24c56c"
-  integrity sha512-AnLHmX0E8Y+MulPGOWFwSPG02kKd3GI0daQ7GeJ8blKo+2OrgBRPbnU70vV6rcdz2lwe5pE+shlu8Dx9ftIoxA==
+commitlint@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/commitlint/-/commitlint-8.0.0.tgz#77d5d268470c2844993e70884e5cac17a927197b"
+  integrity sha512-f0ck42xWexGDxmYu3yk6dYQmheiuCahHrFygF1A6FwftbqV2+8C9rDYJsTkvH+G6qE2+G1pIY6Jx1pNErFgcIw==
   dependencies:
-    "@commitlint/cli" "^7.5.2"
+    "@commitlint/cli" "^8.0.0"
     read-pkg "3.0.0"
-    resolve-pkg "1.0.0"
+    resolve-pkg "2.0.0"
 
 commondir@^1.0.1:
   version "1.0.1"
@@ -2156,11 +2289,6 @@ compare-func@^1.3.1:
     array-ify "^1.0.0"
     dot-prop "^3.0.0"
 
-compare-versions@^3.2.1:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/compare-versions/-/compare-versions-3.4.0.tgz#e0747df5c9cb7f054d6d3dc3e1dbc444f9e92b26"
-  integrity sha512-tK69D7oNXXqUW3ZNo/z7NXTEz22TCF0pTE+YF9cxvaAM9XnkLo1fV621xCLrRR6aevJlKxExkss0vWqUCUpqdg==
-
 component-emitter@^1.2.1:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.3.0.tgz#16e4070fba8ae29b679f2215853ee181ab2eabc0"
@@ -2211,10 +2339,10 @@ concat-stream@^2.0.0:
     readable-stream "^3.0.2"
     typedarray "^0.0.6"
 
-configstore@^3.0.0:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/configstore/-/configstore-3.1.2.tgz#c6f25defaeef26df12dd33414b001fe81a543f8f"
-  integrity sha512-vtv5HtGjcYUgFrXc6Kx747B83MRRVS5R1VTEQoXvuP+kMI+if6uywV0nDGoiydJRy4yk7h9od5Og0kxx4zUXmw==
+configstore@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/configstore/-/configstore-4.0.0.tgz#5933311e95d3687efb592c528b922d9262d227e7"
+  integrity sha512-CmquAXFBocrzaSM8mtGPMM/HiWmyIpr4CcJl/rgY2uCObZ/S7cKU0silxslqJejl+t/T9HS8E0PUNQD81JGUEQ==
   dependencies:
     dot-prop "^4.1.0"
     graceful-fs "^4.1.2"
@@ -2273,10 +2401,10 @@ conventional-changelog-codemirror@^2.0.1:
   dependencies:
     q "^1.5.1"
 
-conventional-changelog-conventionalcommits@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/conventional-changelog-conventionalcommits/-/conventional-changelog-conventionalcommits-1.1.2.tgz#bb30c8d40dbd13ba9ec4e9bc6a025578b31b17bd"
-  integrity sha512-t8VyibJHGrtsDwSHjgpW9v7oBbqDGQooCMo/a2rc0z5cousV5O11palcSPpyshEVWVijxPtzBNG02EQkMDJ8CA==
+conventional-changelog-conventionalcommits@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/conventional-changelog-conventionalcommits/-/conventional-changelog-conventionalcommits-3.0.2.tgz#3a380a14ecd6f5056da6d460e30dd6c0c9f1aebe"
+  integrity sha512-w1+fQSDnm/7+sPKIYC5nfRVYDszt+6HdWizrigSqWFVIiiBVzkHGeqDLMSHc+Qq9qssHVAxAak5206epZyK87A==
   dependencies:
     compare-func "^1.3.1"
     q "^1.5.1"
@@ -2357,15 +2485,15 @@ conventional-changelog-writer@^4.0.5:
     split "^1.0.0"
     through2 "^3.0.0"
 
-conventional-changelog@^3.1.4:
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/conventional-changelog/-/conventional-changelog-3.1.4.tgz#66db29830a799be9afcbfd67a366c1e2cbc21417"
-  integrity sha512-uMeTSzEb2oKFlL00Oh9j3+00PFq1MNneLzyy0TBftxo4PFrs7OiaRJXmXtEgSvJDdkc0RSd6ch2N+yTxPagZ0A==
+conventional-changelog@^3.1.8:
+  version "3.1.8"
+  resolved "https://registry.yarnpkg.com/conventional-changelog/-/conventional-changelog-3.1.8.tgz#091382b5a0820bf8ec8e75ad2664a3688c31b07d"
+  integrity sha512-fb3/DOLLrQdNqN0yYn/lT6HcNsAa9A+VTDBqlZBMQcEPPIeJIMI+DBs3yu+eiYOLi22w9oShq3nn/zN6qm1Hmw==
   dependencies:
     conventional-changelog-angular "^5.0.3"
     conventional-changelog-atom "^2.0.1"
     conventional-changelog-codemirror "^2.0.1"
-    conventional-changelog-conventionalcommits "^1.1.2"
+    conventional-changelog-conventionalcommits "^3.0.2"
     conventional-changelog-core "^3.2.2"
     conventional-changelog-ember "^2.0.2"
     conventional-changelog-eslint "^3.0.2"
@@ -2408,10 +2536,10 @@ conventional-commits-parser@^3.0.2:
     through2 "^3.0.0"
     trim-off-newlines "^1.0.0"
 
-conventional-recommended-bump@^4.0.4:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/conventional-recommended-bump/-/conventional-recommended-bump-4.1.1.tgz#37014fadeda267d0607e2fc81124da840a585127"
-  integrity sha512-JT2vKfSP9kR18RXXf55BRY1O3AHG8FPg5btP3l7LYfcWJsiXI6MCf30DepQ98E8Qhowvgv7a8iev0J1bEDkTFA==
+conventional-recommended-bump@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/conventional-recommended-bump/-/conventional-recommended-bump-5.0.0.tgz#019d45a1f3d2cc14a26e9bad1992406ded5baa23"
+  integrity sha512-CsfdICpbUe0pmM4MTG90GPUqnFgB1SWIR2HAh+vS+JhhJdPWvc0brs8oadWoYGhFOQpQwe57JnvzWEWU0m2OSg==
   dependencies:
     concat-stream "^2.0.0"
     conventional-changelog-preset-loader "^2.1.1"
@@ -2454,15 +2582,15 @@ core-util-is@1.0.2, core-util-is@~1.0.0:
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
   integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
 
-cosmiconfig@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-4.0.0.tgz#760391549580bbd2df1e562bc177b13c290972dc"
-  integrity sha512-6e5vDdrXZD+t5v0L8CrurPeybg4Fmf+FCSYxXKYVAqLUtyCSbuyqE059d0kDthTNRzKVjL7QMgNpEUlsoYH3iQ==
+cosmiconfig@5.2.1, cosmiconfig@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-5.2.1.tgz#040f726809c591e77a17c0a3626ca45b4f168b1a"
+  integrity sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==
   dependencies:
+    import-fresh "^2.0.0"
     is-directory "^0.3.1"
-    js-yaml "^3.9.0"
+    js-yaml "^3.13.1"
     parse-json "^4.0.0"
-    require-from-string "^2.0.1"
 
 cosmiconfig@^5.0.5, cosmiconfig@^5.2.0:
   version "5.2.0"
@@ -2474,13 +2602,6 @@ cosmiconfig@^5.0.5, cosmiconfig@^5.2.0:
     js-yaml "^3.13.0"
     parse-json "^4.0.0"
 
-create-error-class@^3.0.0:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/create-error-class/-/create-error-class-3.0.2.tgz#06be7abef947a3f14a30fd610671d401bca8b7b6"
-  integrity sha1-Br56vvlHo/FKMP1hBnHUAbyot7Y=
-  dependencies:
-    capture-stack-trace "^1.0.0"
-
 create-react-class@^15.6.3:
   version "15.6.3"
   resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.6.3.tgz#2d73237fb3f970ae6ebe011a9e66f46dbca80036"
@@ -2567,6 +2688,11 @@ dateformat@^3.0.0:
   resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-3.0.3.tgz#a6e37499a4d9a9cf85ef5872044d62901c9889ae"
   integrity sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==
 
+debounce@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/debounce/-/debounce-1.2.0.tgz#44a540abc0ea9943018dc0eaa95cce87f65cd131"
+  integrity sha512-mYtLl1xfZLi1m4RtQYlZgJUNQjl4ZxVnHzIR8nLLgi4q1YT8o/WM+MK/f8yfcc9s5Ir5zRaPZyZU6xs1Syoocg==
+
 debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.8, debug@^2.6.9:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
@@ -2616,17 +2742,10 @@ deep-is@~0.1.3:
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
   integrity sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=
 
-deepmerge@3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-3.2.0.tgz#58ef463a57c08d376547f8869fdc5bcee957f44e"
-  integrity sha512-6+LuZGU7QCNUnAJyX8cIrlzoEgggTM6B7mm+znKOX4t5ltluT9KLjN6g61ECMS0LTsLW7yDpNoxhix5FZcrIow==
-
-default-require-extensions@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/default-require-extensions/-/default-require-extensions-2.0.0.tgz#f5f8fbb18a7d6d50b21f641f649ebb522cfe24f7"
-  integrity sha1-9fj7sYp9bVCyH2QfZJ67Uiz+JPc=
-  dependencies:
-    strip-bom "^3.0.0"
+deepmerge@3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-3.3.0.tgz#d3c47fd6f3a93d517b14426b0628a17b0125f5f7"
+  integrity sha512-GRQOafGHwMHpjPx9iCvTgpu9NojZ49q794EEL94JVEw6VaeA8XTUyBKvAkOOjBX9oJNiV6G3P+T+tihFjo2TqA==
 
 defaults@^1.0.3:
   version "1.0.3"
@@ -2702,29 +2821,24 @@ depd@~1.1.2:
   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
   integrity sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=
 
-deprecated-obj@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/deprecated-obj/-/deprecated-obj-1.0.0.tgz#01f60ae7a344a385cb16223eaf3b1a42b04c3a2f"
-  integrity sha512-CkoAaiIjJnT0YmOoFwBo2qKQ5XMXo6+QYcvskzT6v0o5+kAmdQvfKbqxcHxcR2zQpi7dRD4CpOzppp9ivvRbEg==
+deprecated-obj@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/deprecated-obj/-/deprecated-obj-1.0.1.tgz#d7051278d2c141dc672ac3410d06642e990003b7"
+  integrity sha512-igs766xNtF7Fv/R//gT644e6dr+bT6kJrg+qyJA9affCyvf70UUNKIUIMUSROBg1sPUrBnENPsDdDHcBLI5wFQ==
   dependencies:
     flat "^4.1.0"
     lodash "^4.17.11"
 
-deprecation@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/deprecation/-/deprecation-1.0.1.tgz#2df79b79005752180816b7b6e079cbd80490d711"
-  integrity sha512-ccVHpE72+tcIKaGMql33x5MAjKQIZrk+3x2GbJ7TeraUCZWHoT+KSZpoC+JQFsUBlSTXUrBaGiF0j6zVTepPLg==
+deprecation@^2.0.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/deprecation/-/deprecation-2.3.1.tgz#6368cbdb40abf3373b525ac87e4a260c3a700919"
+  integrity sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==
 
 destroy@~1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.0.4.tgz#978857442c44749e4206613e37946205826abd80"
   integrity sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=
 
-detect-indent@5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-5.0.0.tgz#3871cc0a6a002e8c3e5b3cf7f336264675f06b9d"
-  integrity sha1-OHHMCmoALow+Wzz38zYmRnXwa50=
-
 detect-libc@^1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
@@ -2750,12 +2864,12 @@ diff-sequences@^24.3.0:
   resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-24.3.0.tgz#0f20e8a1df1abddaf4d9c226680952e64118b975"
   integrity sha512-xLqpez+Zj9GKSnPWS0WZw1igGocZ+uua8+y+5dDNTT934N3QuY1sp2LkHzwiaYQGz60hMq0pjAshdeXm5VUOEw==
 
-dir-glob@^2.2.2:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-2.2.2.tgz#fa09f0694153c8918b18ba0deafae94769fc50c4"
-  integrity sha512-f9LBi5QWzIW3I6e//uxZoLBlUt9kcp66qo0sSCxL6YZKc75R1c4MFCoe/LaZiBGmgujvQdxc5Bn3QhfyvK5Hsw==
+dir-glob@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
+  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
   dependencies:
-    path-type "^3.0.0"
+    path-type "^4.0.0"
 
 doctrine@1.5.0:
   version "1.5.0"
@@ -3278,16 +3392,16 @@ expand-range@^1.8.1:
   dependencies:
     fill-range "^2.1.0"
 
-expect@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-24.7.1.tgz#d91defbab4e627470a152feaf35b3c31aa1c7c14"
-  integrity sha512-mGfvMTPduksV3xoI0xur56pQsg2vJjNf5+a+bXOjqCkiCBbmCayrBbHS/75y9K430cfqyocPr2ZjiNiRx4SRKw==
+expect@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-24.8.0.tgz#471f8ec256b7b6129ca2524b2a62f030df38718d"
+  integrity sha512-/zYvP8iMDrzaaxHVa724eJBCKqSHmO0FA7EDkBiRHxg6OipmMn1fN+C8T9L9K8yr7UONkOifu6+LLH+z76CnaA==
   dependencies:
-    "@jest/types" "^24.7.0"
+    "@jest/types" "^24.8.0"
     ansi-styles "^3.2.0"
-    jest-get-type "^24.3.0"
-    jest-matcher-utils "^24.7.0"
-    jest-message-util "^24.7.1"
+    jest-get-type "^24.8.0"
+    jest-matcher-utils "^24.8.0"
+    jest-message-util "^24.8.0"
     jest-regex-util "^24.3.0"
 
 extend-shallow@^1.1.2:
@@ -3386,17 +3500,17 @@ fast-diff@^1.1.2:
   resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
   integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
 
-fast-glob@^2.2.6:
-  version "2.2.6"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-2.2.6.tgz#a5d5b697ec8deda468d85a74035290a025a95295"
-  integrity sha512-0BvMaZc1k9F+MeWWMe8pL6YltFzZYcJsYU7D4JyDA6PAczaXvxqQQ/z+mDF7/4Mw01DeUc+i3CTKajnkANkV4w==
+fast-glob@^3.0.3:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.0.4.tgz#d484a41005cb6faeb399b951fd1bd70ddaebb602"
+  integrity sha512-wkIbV6qg37xTJwqSsdnIphL1e+LaGz4AIQqr00mIubMaEhv1/HEmJ0uuCGZRNRUkZZmOB5mJKO0ZUTVq+SxMQg==
   dependencies:
-    "@mrmlnc/readdir-enhanced" "^2.2.1"
-    "@nodelib/fs.stat" "^1.1.2"
-    glob-parent "^3.1.0"
-    is-glob "^4.0.0"
+    "@nodelib/fs.stat" "^2.0.1"
+    "@nodelib/fs.walk" "^1.2.1"
+    glob-parent "^5.0.0"
+    is-glob "^4.0.1"
     merge2 "^1.2.3"
-    micromatch "^3.1.10"
+    micromatch "^4.0.2"
 
 fast-json-stable-stringify@^2.0.0:
   version "2.0.0"
@@ -3408,6 +3522,13 @@ fast-levenshtein@~2.0.4:
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
 
+fastq@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.6.0.tgz#4ec8a38f4ac25f21492673adb7eae9cfef47d1c2"
+  integrity sha512-jmxqQ3Z/nXoeyDmWAzF9kH1aGZSis6e/SbfPmJpUnyZ0ogr6iscHQaml4wsEepEWSdtmpy+eVXmCRIMpxaXqOA==
+  dependencies:
+    reusify "^1.0.0"
+
 fb-watchman@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.0.tgz#54e9abf7dfa2f26cd9b1636c588c1afc05de5d58"
@@ -3482,14 +3603,6 @@ filename-regex@^2.0.0:
   resolved "https://registry.yarnpkg.com/filename-regex/-/filename-regex-2.0.1.tgz#c1c4b9bee3e09725ddb106b75c1e301fe2f18b26"
   integrity sha1-wcS5vuPglyXdsQa3XB4wH+LxiyY=
 
-fileset@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/fileset/-/fileset-2.0.3.tgz#8e7548a96d3cc2327ee5e674168723a333bba2a0"
-  integrity sha1-jnVIqW08wjJ+5eZ0FocjozO7oqA=
-  dependencies:
-    glob "^7.0.3"
-    minimatch "^3.0.3"
-
 fill-range@^2.1.0:
   version "2.2.4"
   resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-2.2.4.tgz#eb1e773abb056dcd8df2bfdf6af59b8b3a936565"
@@ -3511,6 +3624,13 @@ fill-range@^4.0.0:
     repeat-string "^1.6.1"
     to-regex-range "^2.1.0"
 
+fill-range@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
+  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
+  dependencies:
+    to-regex-range "^5.0.1"
+
 finalhandler@1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.1.0.tgz#ce0b6855b45853e791b2fcc680046d88253dd7f5"
@@ -3533,6 +3653,14 @@ find-cache-dir@^2.0.0:
     make-dir "^2.0.0"
     pkg-dir "^3.0.0"
 
+find-up@4.1.0, find-up@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
+  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
+  dependencies:
+    locate-path "^5.0.0"
+    path-exists "^4.0.0"
+
 find-up@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-1.1.2.tgz#6b2e9822b1a2ce0a60ab64d610eccad53cb24d0f"
@@ -3593,7 +3721,16 @@ forever-agent@~0.6.1:
   resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
   integrity sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=
 
-form-data@2.3.3, form-data@~2.3.2:
+form-data@2.5.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.5.0.tgz#094ec359dc4b55e7d62e0db4acd76e89fe874d37"
+  integrity sha512-WXieX3G/8side6VIqx44ablyULoGruSde5PNTxoUyo5CeyAMX6nVWUd0rgist/EuX655cjhUhTo1Fo3tRYqbcA==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.6"
+    mime-types "^2.1.12"
+
+form-data@~2.3.2:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.3.tgz#dcce52c05f644f298c6a7ab936bd724ceffbf3a6"
   integrity sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==
@@ -3708,10 +3845,10 @@ get-pkg-repo@^1.0.0:
     parse-github-repo-url "^1.3.0"
     through2 "^2.0.0"
 
-get-stdin@5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-5.0.1.tgz#122e161591e21ff4c52530305693f20e6393a398"
-  integrity sha1-Ei4WFZHiH/TFJTAwVpPyDmOTo5g=
+get-stdin@7.0.0, get-stdin@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-7.0.0.tgz#8d5de98f15171a125c5e516643c7a6d0ea8a96f6"
+  integrity sha512-zRKcywvrXlXsA0v0i9Io4KDRaAw7+a1ZpjRwl9Wox8PFlVCCHra7E9c4kqXCoCM9nR5tBkaTTZRBoCm60bFqTQ==
 
 get-stdin@^4.0.1:
   version "4.0.1"
@@ -3723,11 +3860,6 @@ get-stdin@^6.0.0:
   resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-6.0.0.tgz#9e09bf712b360ab9225e812048f71fde9c89657b"
   integrity sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==
 
-get-stdin@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-7.0.0.tgz#8d5de98f15171a125c5e516643c7a6d0ea8a96f6"
-  integrity sha512-zRKcywvrXlXsA0v0i9Io4KDRaAw7+a1ZpjRwl9Wox8PFlVCCHra7E9c4kqXCoCM9nR5tBkaTTZRBoCm60bFqTQ==
-
 get-stream@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
@@ -3827,18 +3959,12 @@ glob-parent@^2.0.0:
   dependencies:
     is-glob "^2.0.0"
 
-glob-parent@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-3.1.0.tgz#9e6af6299d8d3bd2bd40430832bd113df906c5ae"
-  integrity sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=
+glob-parent@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.0.0.tgz#1dc99f0f39b006d3e92c2c284068382f0c20e954"
+  integrity sha512-Z2RwiujPRGluePM6j699ktJYxmPpJKCfpGA13jz2hmFZC7gKetzrWvg5KN3+OsIFmydGyZ1AVwERCq1w/ZZwRg==
   dependencies:
-    is-glob "^3.1.0"
-    path-dirname "^1.0.0"
-
-glob-to-regexp@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz#8c5a1494d2066c570cc3bfe4496175acc4d502ab"
-  integrity sha1-jFoUlNIGbFcMw7/kSWF1rMTVAqs=
+    is-glob "^4.0.1"
 
 glob@^7.0.0, glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3:
   version "7.1.3"
@@ -3852,7 +3978,7 @@ glob@^7.0.0, glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-global-dirs@^0.1.0:
+global-dirs@^0.1.0, global-dirs@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-0.1.1.tgz#b319c0dd4607f353f3be9cca4c72fc148c49f445"
   integrity sha1-sxnA3UYH81PzvpzKTHL8FIxJ9EU=
@@ -3872,19 +3998,19 @@ globals@^11.1.0, globals@^11.7.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globby@9.2.0:
-  version "9.2.0"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-9.2.0.tgz#fd029a706c703d29bdd170f4b6db3a3f7a7cb63d"
-  integrity sha512-ollPHROa5mcxDEkwg6bPt3QbEf4pDQSNtd6JPL1YvOvAo/7/0VAm9TccUeoTmarjPw4pfUthSCqcyfNB1I3ZSg==
+globby@10.0.1:
+  version "10.0.1"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-10.0.1.tgz#4782c34cb75dd683351335c5829cc3420e606b22"
+  integrity sha512-sSs4inE1FB2YQiymcmTv6NWENryABjUNPeWhOvmn4SjtKybglsyPZxFB3U1/+L1bYi0rNZDqCLlHyLYDl1Pq5A==
   dependencies:
     "@types/glob" "^7.1.1"
-    array-union "^1.0.2"
-    dir-glob "^2.2.2"
-    fast-glob "^2.2.6"
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.0.3"
     glob "^7.1.3"
-    ignore "^4.0.3"
-    pify "^4.0.1"
-    slash "^2.0.0"
+    ignore "^5.1.1"
+    merge2 "^1.2.3"
+    slash "^3.0.0"
 
 globby@^6.1.0:
   version "6.1.0"
@@ -3897,7 +4023,7 @@ globby@^6.1.0:
     pify "^2.0.0"
     pinkie-promise "^2.0.0"
 
-got@9.6.0:
+got@9.6.0, got@^9.6.0:
   version "9.6.0"
   resolved "https://registry.yarnpkg.com/got/-/got-9.6.0.tgz#edf45e7d67f99545705de1f7bbeeeb121765ed85"
   integrity sha512-R7eWptXuGYxwijs0eV+v3o6+XH1IqVK8dJOEecQfTmkncw9AV4dcw/Dhxi8MdlqPthxxpZyizMzyg8RTmEsG+Q==
@@ -3914,23 +4040,6 @@ got@9.6.0:
     to-readable-stream "^1.0.0"
     url-parse-lax "^3.0.0"
 
-got@^6.7.1:
-  version "6.7.1"
-  resolved "https://registry.yarnpkg.com/got/-/got-6.7.1.tgz#240cd05785a9a18e561dc1b44b41c763ef1e8db0"
-  integrity sha1-JAzQV4WpoY5WHcG0S0HHY+8ejbA=
-  dependencies:
-    create-error-class "^3.0.0"
-    duplexer3 "^0.1.4"
-    get-stream "^3.0.0"
-    is-redirect "^1.0.0"
-    is-retry-allowed "^1.0.0"
-    is-stream "^1.0.0"
-    lowercase-keys "^1.0.0"
-    safe-buffer "^5.0.1"
-    timed-out "^4.0.0"
-    unzip-response "^2.0.1"
-    url-parse-lax "^1.0.0"
-
 graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.3, graceful-fs@^4.1.6, graceful-fs@^4.1.9:
   version "4.1.15"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.15.tgz#ffb703e1066e8a0eeaa4c8b80ba9253eeefbfb00"
@@ -3941,7 +4050,7 @@ growly@^1.3.0:
   resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081"
   integrity sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=
 
-handlebars@^4.1.0:
+handlebars@^4.1.0, handlebars@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.1.2.tgz#b6b37c1ced0306b221e094fc7aca3ec23b131b67"
   integrity sha512-nvfrjqvt9xQ8Z/w0ijewdD/vvWDTOweBUm96NTr66Wfvo1mJenBLwcYmPs3TIBP5ruzYGD7Hx/DaM9RmhroGPw==
@@ -3977,6 +4086,11 @@ has-flag@^3.0.0:
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
   integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
 
+has-flag@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
+  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
+
 has-symbols@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.0.tgz#ba1a8f1af2a0fc39650f5c850367704122063b44"
@@ -4018,6 +4132,11 @@ has-values@^1.0.0:
     is-number "^3.0.0"
     kind-of "^4.0.0"
 
+has-yarn@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/has-yarn/-/has-yarn-2.1.0.tgz#137e11354a7b5bf11aa5cb649cf0c6f3ff2b2e77"
+  integrity sha512-UqBRqi4ju7T+TqGNdqAO0PaSVGsDGJUBQvk9eUWNGRY1CFGDzYhLWoM7JQEemnlvVcv/YEmc2wNW8BC24EnUsw==
+
 has@^1.0.1, has@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
@@ -4073,21 +4192,21 @@ http-signature@~1.2.0:
     jsprim "^1.2.2"
     sshpk "^1.7.0"
 
-husky@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/husky/-/husky-2.2.0.tgz#4dda4370ba0f145b6594be4a4e4e4d4c82a6f2d5"
-  integrity sha512-lG33E7zq6v//H/DQIojPEi1ZL9ebPFt3MxUMD8MR0lrS2ljEPiuUUxlziKIs/o9EafF0chL7bAtLQkcPvXmdnA==
+husky@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/husky/-/husky-3.0.0.tgz#de63821a7049dc412b1afd753c259e2f6e227562"
+  integrity sha512-lKMEn7bRK+7f5eWPNGclDVciYNQt0GIkAQmhKl+uHP1qFzoN0h92kmH9HZ8PCwyVA2EQPD8KHf0FYWqnTxau+Q==
   dependencies:
-    cosmiconfig "^5.2.0"
+    cosmiconfig "^5.2.1"
     execa "^1.0.0"
-    find-up "^3.0.0"
     get-stdin "^7.0.0"
     is-ci "^2.0.0"
-    pkg-dir "^4.1.0"
+    opencollective-postinstall "^2.0.2"
+    pkg-dir "^4.2.0"
     please-upgrade-node "^3.1.1"
-    read-pkg "^5.0.0"
+    read-pkg "^5.1.1"
     run-node "^1.0.0"
-    slash "^2.0.0"
+    slash "^3.0.0"
 
 iconv-lite@0.4.24, iconv-lite@^0.4.17, iconv-lite@^0.4.24, iconv-lite@^0.4.4, iconv-lite@~0.4.13:
   version "0.4.24"
@@ -4103,7 +4222,7 @@ ignore-walk@^3.0.1:
   dependencies:
     minimatch "^3.0.4"
 
-ignore@^4.0.3, ignore@^4.0.6:
+ignore@^4.0.6:
   version "4.0.6"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
   integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
@@ -4113,17 +4232,22 @@ ignore@^5.0.5:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.1.tgz#2fc6b8f518aff48fef65a7f348ed85632448e4a5"
   integrity sha512-DWjnQIFLenVrwyRCKZT+7a7/U4Cqgar4WG8V++K3hw+lrW1hc/SIwdiGmtxKCVACmHULTuGeBbHJmbwW7/sAvA==
 
+ignore@^5.1.1:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.2.tgz#e28e584d43ad7e92f96995019cc43b9e1ac49558"
+  integrity sha512-vdqWBp7MyzdmHkkRWV5nY+PfGRbYbahfuvsBCh277tq+w9zyNi7h5CYJCK0kmzti9kU+O/cB7sE8HvKv6aXAKQ==
+
 image-size@^0.6.0:
   version "0.6.3"
   resolved "https://registry.yarnpkg.com/image-size/-/image-size-0.6.3.tgz#e7e5c65bb534bd7cdcedd6cb5166272a85f75fb2"
   integrity sha512-47xSUiQioGaB96nqtp5/q55m0aBQSQdyIloMOc/x+QVTDZLNmXE892IIDrJ0hM1A5vcNUDD5tDffkSP5lCaIIA==
 
-import-cwd@2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
-  integrity sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=
+import-cwd@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-3.0.0.tgz#20845547718015126ea9b3676b7592fb8bd4cf92"
+  integrity sha512-4pnzH16plW+hgvRECbDWpQl3cqtvSofHWh44met7ESfZ8UZOWWddm8hEyDTqREJ9RbYHY8gi8DqmaelApoOGMg==
   dependencies:
-    import-from "^2.1.0"
+    import-from "^3.0.0"
 
 import-fresh@^2.0.0:
   version "2.0.0"
@@ -4141,12 +4265,12 @@ import-fresh@^3.0.0:
     parent-module "^1.0.0"
     resolve-from "^4.0.0"
 
-import-from@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/import-from/-/import-from-2.1.0.tgz#335db7f2a7affd53aaa471d4b8021dee36b7f3b1"
-  integrity sha1-M1238qev/VOqpHHUuAId7ja387E=
+import-from@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/import-from/-/import-from-3.0.0.tgz#055cfec38cd5a27d8057ca51376d7d3bf0891966"
+  integrity sha512-CiuXOFFSzkU5x/CR0+z7T91Iht4CXgfCxVOFRhh2Zyhg5wOpWvvDLQUsWl+gcN+QscYBjez8hDCt85O7RLDttQ==
   dependencies:
-    resolve-from "^3.0.0"
+    resolve-from "^5.0.0"
 
 import-lazy@^2.1.0:
   version "2.1.0"
@@ -4196,10 +4320,10 @@ ini@^1.3.2, ini@^1.3.4, ini@~1.3.0:
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
   integrity sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==
 
-inquirer@6.3.1, inquirer@^6.2.2:
-  version "6.3.1"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-6.3.1.tgz#7a413b5e7950811013a3db491c61d1f3b776e8e7"
-  integrity sha512-MmL624rfkFt4TG9y/Jvmt8vdmOo836U7Y0Hxr2aFk3RelZEGX4Igk0KabWrcaaZaTv9uzglOqWh1Vly+FAWAXA==
+inquirer@6.4.1:
+  version "6.4.1"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-6.4.1.tgz#7bd9e5ab0567cd23b41b0180b68e0cfa82fc3c0b"
+  integrity sha512-/Jw+qPZx4EDYsaT6uz7F4GJRNFMRdKNeUZw3ZnKV8lyuUgz/YWRCSUAJMZSVhSq4Ec0R2oYnyi6b3d4JXcL5Nw==
   dependencies:
     ansi-escapes "^3.2.0"
     chalk "^2.4.2"
@@ -4220,19 +4344,38 @@ inquirer@^3.0.6:
   resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-3.3.0.tgz#9dd2f2ad765dcab1ff0443b491442a20ba227dc9"
   integrity sha512-h+xtnyk4EwKvFWHrUYsWErEVR+igKtLdchu+o0Z1RL7VU/jVMFbYir2bp6bAj8efFNxWqHX0dIss6fJQ+/+qeQ==
   dependencies:
-    ansi-escapes "^3.0.0"
-    chalk "^2.0.0"
+    ansi-escapes "^3.0.0"
+    chalk "^2.0.0"
+    cli-cursor "^2.1.0"
+    cli-width "^2.0.0"
+    external-editor "^2.0.4"
+    figures "^2.0.0"
+    lodash "^4.3.0"
+    mute-stream "0.0.7"
+    run-async "^2.2.0"
+    rx-lite "^4.0.8"
+    rx-lite-aggregates "^4.0.8"
+    string-width "^2.1.0"
+    strip-ansi "^4.0.0"
+    through "^2.3.6"
+
+inquirer@^6.2.2:
+  version "6.3.1"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-6.3.1.tgz#7a413b5e7950811013a3db491c61d1f3b776e8e7"
+  integrity sha512-MmL624rfkFt4TG9y/Jvmt8vdmOo836U7Y0Hxr2aFk3RelZEGX4Igk0KabWrcaaZaTv9uzglOqWh1Vly+FAWAXA==
+  dependencies:
+    ansi-escapes "^3.2.0"
+    chalk "^2.4.2"
     cli-cursor "^2.1.0"
     cli-width "^2.0.0"
-    external-editor "^2.0.4"
+    external-editor "^3.0.3"
     figures "^2.0.0"
-    lodash "^4.3.0"
+    lodash "^4.17.11"
     mute-stream "0.0.7"
     run-async "^2.2.0"
-    rx-lite "^4.0.8"
-    rx-lite-aggregates "^4.0.8"
+    rxjs "^6.4.0"
     string-width "^2.1.0"
-    strip-ansi "^4.0.0"
+    strip-ansi "^5.1.0"
     through "^2.3.6"
 
 interpret@^1.0.0:
@@ -4311,13 +4454,6 @@ is-ci@2.0.0, is-ci@^2.0.0:
   dependencies:
     ci-info "^2.0.0"
 
-is-ci@^1.0.10:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-1.2.1.tgz#e3779c8ee17fccf428488f6e281187f2e632841c"
-  integrity sha512-s6tfsaQaQi3JNciBH6shVqEDvhGut0SUXr31ag8Pd8BBbVVlcGfWhpPmEOoM6RJ5TFhbypvf5yyRw/VXW1IiWg==
-  dependencies:
-    ci-info "^1.5.0"
-
 is-data-descriptor@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz#0b5ee648388e2c860282e793f1856fec3f301b56"
@@ -4394,7 +4530,7 @@ is-extglob@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-1.0.0.tgz#ac468177c4943405a092fc8f29760c6ffc6206c0"
   integrity sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=
 
-is-extglob@^2.1.0, is-extglob@^2.1.1:
+is-extglob@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
   integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
@@ -4446,14 +4582,7 @@ is-glob@^2.0.0, is-glob@^2.0.1:
   dependencies:
     is-extglob "^1.0.0"
 
-is-glob@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-3.1.0.tgz#7ba5ae24217804ac70707b96922567486cc3e84a"
-  integrity sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=
-  dependencies:
-    is-extglob "^2.1.0"
-
-is-glob@^4.0.0:
+is-glob@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc"
   integrity sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==
@@ -4473,10 +4602,10 @@ is-installed-globally@^0.1.0:
     global-dirs "^0.1.0"
     is-path-inside "^1.0.0"
 
-is-npm@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-1.0.0.tgz#f2fb63a65e4905b406c86072765a1a4dc793b9f4"
-  integrity sha1-8vtjpl5JBbQGyGBydloaTceTufQ=
+is-npm@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-3.0.0.tgz#ec9147bfb629c43f494cf67936a961edec7e8053"
+  integrity sha512-wsigDr1Kkschp2opC4G3yA6r9EgVA6NjRpWzIi9axXqeIaAATPRJc4uLujXe3Nd9uO8KoDyA4MD6aZSeXTADhA==
 
 is-number@^2.1.0:
   version "2.1.0"
@@ -4497,6 +4626,11 @@ is-number@^4.0.0:
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-4.0.0.tgz#0026e37f5454d73e356dfe6564699867c6a7f0ff"
   integrity sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==
 
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
 is-obj@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
@@ -4562,11 +4696,6 @@ is-promise@^2.1.0:
   resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.1.0.tgz#79a2a9ece7f096e80f36d2b2f3bc16c1ff4bf3fa"
   integrity sha1-eaKp7OfwlugPNtKy87wWwf9L8/o=
 
-is-redirect@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-redirect/-/is-redirect-1.0.0.tgz#1d03dded53bd8db0f30c26e4f95d36fc7c87dc24"
-  integrity sha1-HQPd7VO9jbDzDCbk+V02/HyH3CQ=
-
 is-regex@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.0.4.tgz#5517489b547091b0930e095654ced25ee97e9491"
@@ -4579,11 +4708,6 @@ is-regular-file@^1.0.1:
   resolved "https://registry.yarnpkg.com/is-regular-file/-/is-regular-file-1.1.1.tgz#ffcf9cae56ec63bc55b17d6fed1af441986dab66"
   integrity sha512-+1U3MZrVwC4HM6VUKk3L5fiHtNd2d9kayzEJhmQ+B+uIBPE/p8Fy8QVdkx0HIr3o9J5TOKJY40eI5GfTfBqbdA==
 
-is-retry-allowed@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-retry-allowed/-/is-retry-allowed-1.1.0.tgz#11a060568b67339444033d0125a61a20d564fb34"
-  integrity sha1-EaBgVotnM5REAz0BJaYaINVk+zQ=
-
 is-ssh@^1.3.0:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/is-ssh/-/is-ssh-1.3.1.tgz#f349a8cadd24e65298037a522cf7520f2e81a0f3"
@@ -4591,7 +4715,7 @@ is-ssh@^1.3.0:
   dependencies:
     protocols "^1.1.0"
 
-is-stream@^1.0.0, is-stream@^1.0.1, is-stream@^1.1.0:
+is-stream@^1.0.1, is-stream@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
   integrity sha1-EtSj3U5o4Lec6428hBc66A2RykQ=
@@ -4640,6 +4764,11 @@ is-wsl@^1.1.0:
   resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
   integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=
 
+is-yarn-global@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/is-yarn-global/-/is-yarn-global-0.3.0.tgz#d502d3382590ea3004893746754c89139973e232"
+  integrity sha512-VjSeb/lHmkoyd8ryPVIKvOCn4D1koMqY+vqyjjUfc3xyKtP4dYOxM44sZrnqQSzSds3xyOrUTLTC9LVCVgLngw==
+
 isarray@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf"
@@ -4685,36 +4814,15 @@ isstream@~0.1.2:
   resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
   integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=
 
-istanbul-api@^2.1.1:
-  version "2.1.5"
-  resolved "https://registry.yarnpkg.com/istanbul-api/-/istanbul-api-2.1.5.tgz#697b95ec69856c278aacafc0f86ee7392338d5b5"
-  integrity sha512-meYk1BwDp59Pfse1TvPrkKYgVqAufbdBLEVoqvu/hLLKSaQ054ZTksbNepyc223tMnWdm6AdK2URIJJRqdP87g==
-  dependencies:
-    async "^2.6.1"
-    compare-versions "^3.2.1"
-    fileset "^2.0.3"
-    istanbul-lib-coverage "^2.0.4"
-    istanbul-lib-hook "^2.0.6"
-    istanbul-lib-instrument "^3.2.0"
-    istanbul-lib-report "^2.0.7"
-    istanbul-lib-source-maps "^3.0.5"
-    istanbul-reports "^2.2.3"
-    js-yaml "^3.13.0"
-    make-dir "^2.1.0"
-    minimatch "^3.0.4"
-    once "^1.4.0"
-
 istanbul-lib-coverage@^2.0.2, istanbul-lib-coverage@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz#927a354005d99dd43a24607bb8b33fd4e9aca1ad"
   integrity sha512-LXTBICkMARVgo579kWDm8SqfB6nvSDKNqIOBEjmJRnL04JvoMHCYGWaMddQnseJYtkEuEvO/sIcOxPLk9gERug==
 
-istanbul-lib-hook@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-hook/-/istanbul-lib-hook-2.0.6.tgz#5baa6067860a38290aef038b389068b225b01b7d"
-  integrity sha512-829DKONApZ7UCiPXcOYWSgkFXa4+vNYoNOt3F+4uDJLKL1OotAoVwvThoEj1i8jmOj7odbYcR3rnaHu+QroaXg==
-  dependencies:
-    append-transform "^1.0.0"
+istanbul-lib-coverage@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.5.tgz#675f0ab69503fad4b1d849f736baaca803344f49"
+  integrity sha512-8aXznuEPCJvGnMSRft4udDRDtb1V3pkQkMMI5LI+6HuQz5oQ4J2UFn1H82raA3qJtyOLkkwVqICBQkjnGtn5mA==
 
 istanbul-lib-instrument@^3.0.1, istanbul-lib-instrument@^3.2.0:
   version "3.2.0"
@@ -4729,16 +4837,16 @@ istanbul-lib-instrument@^3.0.1, istanbul-lib-instrument@^3.2.0:
     istanbul-lib-coverage "^2.0.4"
     semver "^6.0.0"
 
-istanbul-lib-report@^2.0.7:
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-2.0.7.tgz#370d80d433c4dbc7f58de63618f49599c74bd954"
-  integrity sha512-wLH6beJBFbRBLiTlMOBxmb85cnVM1Vyl36N48e4e/aTKSM3WbOx7zbVIH1SQ537fhhsPbX0/C5JB4qsmyRXXyA==
+istanbul-lib-report@^2.0.4:
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-2.0.8.tgz#5a8113cd746d43c4889eba36ab10e7d50c9b4f33"
+  integrity sha512-fHBeG573EIihhAblwgxrSenp0Dby6tJMFR/HvlerBsrCTD5bkUuoNtn3gVh29ZCS824cGGBPn7Sg7cNk+2xUsQ==
   dependencies:
-    istanbul-lib-coverage "^2.0.4"
+    istanbul-lib-coverage "^2.0.5"
     make-dir "^2.1.0"
-    supports-color "^6.0.0"
+    supports-color "^6.1.0"
 
-istanbul-lib-source-maps@^3.0.1, istanbul-lib-source-maps@^3.0.5:
+istanbul-lib-source-maps@^3.0.1:
   version "3.0.5"
   resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-3.0.5.tgz#1d9ee9d94d2633f15611ee7aae28f9cac6d1aeb9"
   integrity sha512-eDhZ7r6r1d1zQPVZehLc3D0K14vRba/eBYkz3rw16DLOrrTzve9RmnkcwrrkWVgO1FL3EK5knujVe5S8QHE9xw==
@@ -4749,80 +4857,73 @@ istanbul-lib-source-maps@^3.0.1, istanbul-lib-source-maps@^3.0.5:
     rimraf "^2.6.2"
     source-map "^0.6.1"
 
-istanbul-reports@^2.2.3:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-2.2.3.tgz#14e0d00ecbfa9387757999cf36599b88e9f2176e"
-  integrity sha512-T6EbPuc8Cb620LWAYyZ4D8SSn06dY9i1+IgUX2lTH8gbwflMc9Obd33zHTyNX653ybjpamAHS9toKS3E6cGhTw==
+istanbul-reports@^2.1.1:
+  version "2.2.6"
+  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-2.2.6.tgz#7b4f2660d82b29303a8fe6091f8ca4bf058da1af"
+  integrity sha512-SKi4rnMyLBKe0Jy2uUdx28h8oG7ph2PPuQPvIAh31d+Ci+lSiEu4C+h3oBPuJ9+mPKhOyW0M8gY4U5NM1WLeXA==
   dependencies:
-    handlebars "^4.1.0"
+    handlebars "^4.1.2"
 
-jest-changed-files@^24.7.0:
-  version "24.7.0"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-24.7.0.tgz#39d723a11b16ed7b373ac83adc76a69464b0c4fa"
-  integrity sha512-33BgewurnwSfJrW7T5/ZAXGE44o7swLslwh8aUckzq2e17/2Os1V0QU506ZNik3hjs8MgnEMKNkcud442NCDTw==
+jest-changed-files@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-24.8.0.tgz#7e7eb21cf687587a85e50f3d249d1327e15b157b"
+  integrity sha512-qgANC1Yrivsq+UrLXsvJefBKVoCsKB0Hv+mBb6NMjjZ90wwxCDmU3hsCXBya30cH+LnPYjwgcU65i6yJ5Nfuug==
   dependencies:
-    "@jest/types" "^24.7.0"
+    "@jest/types" "^24.8.0"
     execa "^1.0.0"
     throat "^4.0.0"
 
-jest-cli@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-24.7.1.tgz#6093a539073b6f4953145abeeb9709cd621044f1"
-  integrity sha512-32OBoSCVPzcTslGFl6yVCMzB2SqX3IrWwZCY5mZYkb0D2WsogmU3eV2o8z7+gRQa4o4sZPX/k7GU+II7CxM6WQ==
+jest-cli@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-24.8.0.tgz#b075ac914492ed114fa338ade7362a301693e989"
+  integrity sha512-+p6J00jSMPQ116ZLlHJJvdf8wbjNbZdeSX9ptfHX06/MSNaXmKihQzx5vQcw0q2G6JsdVkUIdWbOWtSnaYs3yA==
   dependencies:
-    "@jest/core" "^24.7.1"
-    "@jest/test-result" "^24.7.1"
-    "@jest/types" "^24.7.0"
+    "@jest/core" "^24.8.0"
+    "@jest/test-result" "^24.8.0"
+    "@jest/types" "^24.8.0"
     chalk "^2.0.1"
     exit "^0.1.2"
     import-local "^2.0.0"
     is-ci "^2.0.0"
-    jest-config "^24.7.1"
-    jest-util "^24.7.1"
-    jest-validate "^24.7.0"
+    jest-config "^24.8.0"
+    jest-util "^24.8.0"
+    jest-validate "^24.8.0"
     prompts "^2.0.1"
     realpath-native "^1.1.0"
     yargs "^12.0.2"
 
-jest-config@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-24.7.1.tgz#6c1dd4db82a89710a3cf66bdba97827c9a1cf052"
-  integrity sha512-8FlJNLI+X+MU37j7j8RE4DnJkvAghXmBWdArVzypW6WxfGuxiL/CCkzBg0gHtXhD2rxla3IMOSUAHylSKYJ83g==
+jest-config@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-24.8.0.tgz#77db3d265a6f726294687cbbccc36f8a76ee0f4f"
+  integrity sha512-Czl3Nn2uEzVGsOeaewGWoDPD8GStxCpAe0zOYs2x2l0fZAgPbCr3uwUkgNKV3LwE13VXythM946cd5rdGkkBZw==
   dependencies:
     "@babel/core" "^7.1.0"
-    "@jest/test-sequencer" "^24.7.1"
-    "@jest/types" "^24.7.0"
-    babel-jest "^24.7.1"
+    "@jest/test-sequencer" "^24.8.0"
+    "@jest/types" "^24.8.0"
+    babel-jest "^24.8.0"
     chalk "^2.0.1"
     glob "^7.1.1"
-    jest-environment-jsdom "^24.7.1"
-    jest-environment-node "^24.7.1"
-    jest-get-type "^24.3.0"
-    jest-jasmine2 "^24.7.1"
+    jest-environment-jsdom "^24.8.0"
+    jest-environment-node "^24.8.0"
+    jest-get-type "^24.8.0"
+    jest-jasmine2 "^24.8.0"
     jest-regex-util "^24.3.0"
-    jest-resolve "^24.7.1"
-    jest-util "^24.7.1"
-    jest-validate "^24.7.0"
+    jest-resolve "^24.8.0"
+    jest-util "^24.8.0"
+    jest-validate "^24.8.0"
     micromatch "^3.1.10"
-    pretty-format "^24.7.0"
+    pretty-format "^24.8.0"
     realpath-native "^1.1.0"
 
-jest-diff@^24.7.0:
-  version "24.7.0"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-24.7.0.tgz#5d862899be46249754806f66e5729c07fcb3580f"
-  integrity sha512-ULQZ5B1lWpH70O4xsANC4tf4Ko6RrpwhE3PtG6ERjMg1TiYTC2Wp4IntJVGro6a8HG9luYHhhmF4grF0Pltckg==
+jest-diff@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-24.8.0.tgz#146435e7d1e3ffdf293d53ff97e193f1d1546172"
+  integrity sha512-wxetCEl49zUpJ/bvUmIFjd/o52J+yWcoc5ZyPq4/W1LUKGEhRYDIbP1KcF6t+PvqNrGAFk4/JhtxDq/Nnzs66g==
   dependencies:
     chalk "^2.0.1"
     diff-sequences "^24.3.0"
-    jest-get-type "^24.3.0"
-    pretty-format "^24.7.0"
-
-jest-docblock@23.2.0, jest-docblock@^23.2.0:
-  version "23.2.0"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-23.2.0.tgz#f085e1f18548d99fdd69b20207e6fd55d91383a7"
-  integrity sha1-8IXh8YVI2Z/dabICB+b9VdkTg6c=
-  dependencies:
-    detect-newline "^2.1.0"
+    jest-get-type "^24.8.0"
+    pretty-format "^24.8.0"
 
 jest-docblock@^24.3.0:
   version "24.3.0"
@@ -4831,71 +4932,70 @@ jest-docblock@^24.3.0:
   dependencies:
     detect-newline "^2.1.0"
 
-jest-each@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-24.7.1.tgz#fcc7dda4147c28430ad9fb6dc7211cd17ab54e74"
-  integrity sha512-4fsS8fEfLa3lfnI1Jw6NxjhyRTgfpuOVTeUZZFyVYqeTa4hPhr2YkToUhouuLTrL2eMGOfpbdMyRx0GQ/VooKA==
+jest-each@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-24.8.0.tgz#a05fd2bf94ddc0b1da66c6d13ec2457f35e52775"
+  integrity sha512-NrwK9gaL5+XgrgoCsd9svsoWdVkK4gnvyhcpzd6m487tXHqIdYeykgq3MKI1u4I+5Zf0tofr70at9dWJDeb+BA==
   dependencies:
-    "@jest/types" "^24.7.0"
+    "@jest/types" "^24.8.0"
     chalk "^2.0.1"
-    jest-get-type "^24.3.0"
-    jest-util "^24.7.1"
-    pretty-format "^24.7.0"
-
-jest-environment-jsdom@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-24.7.1.tgz#a40e004b4458ebeb8a98082df135fd501b9fbbd6"
-  integrity sha512-Gnhb+RqE2JuQGb3kJsLF8vfqjt3PHKSstq4Xc8ic+ax7QKo4Z0RWGucU3YV+DwKR3T9SYc+3YCUQEJs8r7+Jxg==
-  dependencies:
-    "@jest/environment" "^24.7.1"
-    "@jest/fake-timers" "^24.7.1"
-    "@jest/types" "^24.7.0"
-    jest-mock "^24.7.0"
-    jest-util "^24.7.1"
+    jest-get-type "^24.8.0"
+    jest-util "^24.8.0"
+    pretty-format "^24.8.0"
+
+jest-environment-jsdom@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-24.8.0.tgz#300f6949a146cabe1c9357ad9e9ecf9f43f38857"
+  integrity sha512-qbvgLmR7PpwjoFjM/sbuqHJt/NCkviuq9vus9NBn/76hhSidO+Z6Bn9tU8friecegbJL8gzZQEMZBQlFWDCwAQ==
+  dependencies:
+    "@jest/environment" "^24.8.0"
+    "@jest/fake-timers" "^24.8.0"
+    "@jest/types" "^24.8.0"
+    jest-mock "^24.8.0"
+    jest-util "^24.8.0"
     jsdom "^11.5.1"
 
-jest-environment-node@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-24.7.1.tgz#fa2c047a31522a48038d26ee4f7c8fd9c1ecfe12"
-  integrity sha512-GJJQt1p9/C6aj6yNZMvovZuxTUd+BEJprETdvTKSb4kHcw4mFj8777USQV0FJoJ4V3djpOwA5eWyPwfq//PFBA==
+jest-environment-node@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-24.8.0.tgz#d3f726ba8bc53087a60e7a84ca08883a4c892231"
+  integrity sha512-vIGUEScd1cdDgR6sqn2M08sJTRLQp6Dk/eIkCeO4PFHxZMOgy+uYLPMC4ix3PEfM5Au/x3uQ/5Tl0DpXXZsJ/Q==
   dependencies:
-    "@jest/environment" "^24.7.1"
-    "@jest/fake-timers" "^24.7.1"
-    "@jest/types" "^24.7.0"
-    jest-mock "^24.7.0"
-    jest-util "^24.7.1"
+    "@jest/environment" "^24.8.0"
+    "@jest/fake-timers" "^24.8.0"
+    "@jest/types" "^24.8.0"
+    jest-mock "^24.8.0"
+    jest-util "^24.8.0"
 
-jest-get-type@^24.3.0:
-  version "24.3.0"
-  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-24.3.0.tgz#582cfd1a4f91b5cdad1d43d2932f816d543c65da"
-  integrity sha512-HYF6pry72YUlVcvUx3sEpMRwXEWGEPlJ0bSPVnB3b3n++j4phUEoSPcS6GC0pPJ9rpyPSe4cb5muFo6D39cXow==
+jest-get-type@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-24.8.0.tgz#a7440de30b651f5a70ea3ed7ff073a32dfe646fc"
+  integrity sha512-RR4fo8jEmMD9zSz2nLbs2j0zvPpk/KCEz3a62jJWbd2ayNo0cb+KFRxPHVhE4ZmgGJEQp0fosmNz84IfqM8cMQ==
 
-jest-haste-map@23.5.0:
-  version "23.5.0"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-23.5.0.tgz#d4ca618188bd38caa6cb20349ce6610e194a8065"
-  integrity sha512-bt9Swigb6KZ6ZQq/fQDUwdUeHenVvZ6G/lKwJjwRGp+Fap8D4B3bND3FaeJg7vXVsLX8hXshRArbVxLop/5wLw==
+jest-haste-map@24.0.0-alpha.6:
+  version "24.0.0-alpha.6"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-24.0.0-alpha.6.tgz#fb2c785080f391b923db51846b86840d0d773076"
+  integrity sha512-+NO2HMbjvrG8BC39ieLukdpFrcPhhjCJGhpbHodHNZygH1Tt06WrlNYGpZtWKx/zpf533tCtMQXO/q59JenjNw==
   dependencies:
     fb-watchman "^2.0.0"
     graceful-fs "^4.1.11"
     invariant "^2.2.4"
-    jest-docblock "^23.2.0"
-    jest-serializer "^23.0.1"
-    jest-worker "^23.2.0"
+    jest-serializer "^24.0.0-alpha.6"
+    jest-worker "^24.0.0-alpha.6"
     micromatch "^2.3.11"
-    sane "^2.0.0"
+    sane "^3.0.0"
 
-jest-haste-map@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-24.7.1.tgz#772e215cd84080d4bbcb759cfb668ad649a21471"
-  integrity sha512-g0tWkzjpHD2qa03mTKhlydbmmYiA2KdcJe762SbfFo/7NIMgBWAA0XqQlApPwkWOF7Cxoi/gUqL0i6DIoLpMBw==
+jest-haste-map@^24.8.0:
+  version "24.8.1"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-24.8.1.tgz#f39cc1d2b1d907e014165b4bd5a957afcb992982"
+  integrity sha512-SwaxMGVdAZk3ernAx2Uv2sorA7jm3Kx+lR0grp6rMmnY06Kn/urtKx1LPN2mGTea4fCT38impYT28FfcLUhX0g==
   dependencies:
-    "@jest/types" "^24.7.0"
+    "@jest/types" "^24.8.0"
     anymatch "^2.0.0"
     fb-watchman "^2.0.0"
     graceful-fs "^4.1.15"
     invariant "^2.2.4"
     jest-serializer "^24.4.0"
-    jest-util "^24.7.1"
+    jest-util "^24.8.0"
     jest-worker "^24.6.0"
     micromatch "^3.1.10"
     sane "^4.0.3"
@@ -4903,65 +5003,65 @@ jest-haste-map@^24.7.1:
   optionalDependencies:
     fsevents "^1.2.7"
 
-jest-jasmine2@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-24.7.1.tgz#01398686dabe46553716303993f3be62e5d9d818"
-  integrity sha512-Y/9AOJDV1XS44wNwCaThq4Pw3gBPiOv/s6NcbOAkVRRUEPu+36L2xoPsqQXsDrxoBerqeyslpn2TpCI8Zr6J2w==
+jest-jasmine2@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-24.8.0.tgz#a9c7e14c83dd77d8b15e820549ce8987cc8cd898"
+  integrity sha512-cEky88npEE5LKd5jPpTdDCLvKkdyklnaRycBXL6GNmpxe41F0WN44+i7lpQKa/hcbXaQ+rc9RMaM4dsebrYong==
   dependencies:
     "@babel/traverse" "^7.1.0"
-    "@jest/environment" "^24.7.1"
-    "@jest/test-result" "^24.7.1"
-    "@jest/types" "^24.7.0"
+    "@jest/environment" "^24.8.0"
+    "@jest/test-result" "^24.8.0"
+    "@jest/types" "^24.8.0"
     chalk "^2.0.1"
     co "^4.6.0"
-    expect "^24.7.1"
+    expect "^24.8.0"
     is-generator-fn "^2.0.0"
-    jest-each "^24.7.1"
-    jest-matcher-utils "^24.7.0"
-    jest-message-util "^24.7.1"
-    jest-runtime "^24.7.1"
-    jest-snapshot "^24.7.1"
-    jest-util "^24.7.1"
-    pretty-format "^24.7.0"
+    jest-each "^24.8.0"
+    jest-matcher-utils "^24.8.0"
+    jest-message-util "^24.8.0"
+    jest-runtime "^24.8.0"
+    jest-snapshot "^24.8.0"
+    jest-util "^24.8.0"
+    pretty-format "^24.8.0"
     throat "^4.0.0"
 
-jest-leak-detector@^24.7.0:
-  version "24.7.0"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-24.7.0.tgz#323ff93ed69be12e898f5b040952f08a94288ff9"
-  integrity sha512-zV0qHKZGXtmPVVzT99CVEcHE9XDf+8LwiE0Ob7jjezERiGVljmqKFWpV2IkG+rkFIEUHFEkMiICu7wnoPM/RoQ==
+jest-leak-detector@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-24.8.0.tgz#c0086384e1f650c2d8348095df769f29b48e6980"
+  integrity sha512-cG0yRSK8A831LN8lIHxI3AblB40uhv0z+SsQdW3GoMMVcK+sJwrIIyax5tu3eHHNJ8Fu6IMDpnLda2jhn2pD/g==
   dependencies:
-    pretty-format "^24.7.0"
+    pretty-format "^24.8.0"
 
-jest-matcher-utils@^24.7.0:
-  version "24.7.0"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-24.7.0.tgz#bbee1ff37bc8b2e4afcaabc91617c1526af4bcd4"
-  integrity sha512-158ieSgk3LNXeUhbVJYRXyTPSCqNgVXOp/GT7O94mYd3pk/8+odKTyR1JLtNOQSPzNi8NFYVONtvSWA/e1RDXg==
+jest-matcher-utils@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-24.8.0.tgz#2bce42204c9af12bde46f83dc839efe8be832495"
+  integrity sha512-lex1yASY51FvUuHgm0GOVj7DCYEouWSlIYmCW7APSqB9v8mXmKSn5+sWVF0MhuASG0bnYY106/49JU1FZNl5hw==
   dependencies:
     chalk "^2.0.1"
-    jest-diff "^24.7.0"
-    jest-get-type "^24.3.0"
-    pretty-format "^24.7.0"
+    jest-diff "^24.8.0"
+    jest-get-type "^24.8.0"
+    pretty-format "^24.8.0"
 
-jest-message-util@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-24.7.1.tgz#f1dc3a6c195647096a99d0f1dadbc447ae547018"
-  integrity sha512-dk0gqVtyqezCHbcbk60CdIf+8UHgD+lmRHifeH3JRcnAqh4nEyPytSc9/L1+cQyxC+ceaeP696N4ATe7L+omcg==
+jest-message-util@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-24.8.0.tgz#0d6891e72a4beacc0292b638685df42e28d6218b"
+  integrity sha512-p2k71rf/b6ns8btdB0uVdljWo9h0ovpnEe05ZKWceQGfXYr4KkzgKo3PBi8wdnd9OtNh46VpNIJynUn/3MKm1g==
   dependencies:
     "@babel/code-frame" "^7.0.0"
-    "@jest/test-result" "^24.7.1"
-    "@jest/types" "^24.7.0"
+    "@jest/test-result" "^24.8.0"
+    "@jest/types" "^24.8.0"
     "@types/stack-utils" "^1.0.1"
     chalk "^2.0.1"
     micromatch "^3.1.10"
     slash "^2.0.0"
     stack-utils "^1.0.1"
 
-jest-mock@^24.7.0:
-  version "24.7.0"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-24.7.0.tgz#e49ce7262c12d7f5897b0d8af77f6db8e538023b"
-  integrity sha512-6taW4B4WUcEiT2V9BbOmwyGuwuAFT2G8yghF7nyNW1/2gq5+6aTqSPcS9lS6ArvEkX55vbPAS/Jarx5LSm4Fng==
+jest-mock@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-24.8.0.tgz#2f9d14d37699e863f1febf4e4d5a33b7fdbbde56"
+  integrity sha512-6kWugwjGjJw+ZkK4mDa0Df3sDlUTsV47MSrT0nGQ0RBWJbpODDQ8MHDVtGtUYBne3IwZUhtB7elxHspU79WH3A==
   dependencies:
-    "@jest/types" "^24.7.0"
+    "@jest/types" "^24.8.0"
 
 jest-pnp-resolver@^1.2.1:
   version "1.2.1"
@@ -4973,118 +5073,118 @@ jest-regex-util@^24.3.0:
   resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-24.3.0.tgz#d5a65f60be1ae3e310d5214a0307581995227b36"
   integrity sha512-tXQR1NEOyGlfylyEjg1ImtScwMq8Oh3iJbGTjN7p0J23EuVX1MA8rwU69K4sLbCmwzgCUbVkm0FkSF9TdzOhtg==
 
-jest-resolve-dependencies@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-24.7.1.tgz#cf93bbef26999488a96a2b2012f9fe7375aa378f"
-  integrity sha512-2Eyh5LJB2liNzfk4eo7bD1ZyBbqEJIyyrFtZG555cSWW9xVHxII2NuOkSl1yUYTAYCAmM2f2aIT5A7HzNmubyg==
+jest-resolve-dependencies@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-24.8.0.tgz#19eec3241f2045d3f990dba331d0d7526acff8e0"
+  integrity sha512-hyK1qfIf/krV+fSNyhyJeq3elVMhK9Eijlwy+j5jqmZ9QsxwKBiP6qukQxaHtK8k6zql/KYWwCTQ+fDGTIJauw==
   dependencies:
-    "@jest/types" "^24.7.0"
+    "@jest/types" "^24.8.0"
     jest-regex-util "^24.3.0"
-    jest-snapshot "^24.7.1"
+    jest-snapshot "^24.8.0"
 
-jest-resolve@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-24.7.1.tgz#e4150198299298380a75a9fd55043fa3b9b17fde"
-  integrity sha512-Bgrc+/UUZpGJ4323sQyj85hV9d+ANyPNu6XfRDUcyFNX1QrZpSoM0kE4Mb2vZMAYTJZsBFzYe8X1UaOkOELSbw==
+jest-resolve@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-24.8.0.tgz#84b8e5408c1f6a11539793e2b5feb1b6e722439f"
+  integrity sha512-+hjSzi1PoRvnuOICoYd5V/KpIQmkAsfjFO71458hQ2Whi/yf1GDeBOFj8Gxw4LrApHsVJvn5fmjcPdmoUHaVKw==
   dependencies:
-    "@jest/types" "^24.7.0"
+    "@jest/types" "^24.8.0"
     browser-resolve "^1.11.3"
     chalk "^2.0.1"
     jest-pnp-resolver "^1.2.1"
     realpath-native "^1.1.0"
 
-jest-runner@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-24.7.1.tgz#41c8a02a06aa23ea82d8bffd69d7fa98d32f85bf"
-  integrity sha512-aNFc9liWU/xt+G9pobdKZ4qTeG/wnJrJna3VqunziDNsWT3EBpmxXZRBMKCsNMyfy+A/XHiV+tsMLufdsNdgCw==
+jest-runner@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-24.8.0.tgz#4f9ae07b767db27b740d7deffad0cf67ccb4c5bb"
+  integrity sha512-utFqC5BaA3JmznbissSs95X1ZF+d+4WuOWwpM9+Ak356YtMhHE/GXUondZdcyAAOTBEsRGAgH/0TwLzfI9h7ow==
   dependencies:
     "@jest/console" "^24.7.1"
-    "@jest/environment" "^24.7.1"
-    "@jest/test-result" "^24.7.1"
-    "@jest/types" "^24.7.0"
+    "@jest/environment" "^24.8.0"
+    "@jest/test-result" "^24.8.0"
+    "@jest/types" "^24.8.0"
     chalk "^2.4.2"
     exit "^0.1.2"
     graceful-fs "^4.1.15"
-    jest-config "^24.7.1"
+    jest-config "^24.8.0"
     jest-docblock "^24.3.0"
-    jest-haste-map "^24.7.1"
-    jest-jasmine2 "^24.7.1"
-    jest-leak-detector "^24.7.0"
-    jest-message-util "^24.7.1"
-    jest-resolve "^24.7.1"
-    jest-runtime "^24.7.1"
-    jest-util "^24.7.1"
+    jest-haste-map "^24.8.0"
+    jest-jasmine2 "^24.8.0"
+    jest-leak-detector "^24.8.0"
+    jest-message-util "^24.8.0"
+    jest-resolve "^24.8.0"
+    jest-runtime "^24.8.0"
+    jest-util "^24.8.0"
     jest-worker "^24.6.0"
     source-map-support "^0.5.6"
     throat "^4.0.0"
 
-jest-runtime@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-24.7.1.tgz#2ffd70b22dd03a5988c0ab9465c85cdf5d25c597"
-  integrity sha512-0VAbyBy7tll3R+82IPJpf6QZkokzXPIS71aDeqh+WzPRXRCNz6StQ45otFariPdJ4FmXpDiArdhZrzNAC3sj6A==
+jest-runtime@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-24.8.0.tgz#05f94d5b05c21f6dc54e427cd2e4980923350620"
+  integrity sha512-Mq0aIXhvO/3bX44ccT+czU1/57IgOMyy80oM0XR/nyD5zgBcesF84BPabZi39pJVA6UXw+fY2Q1N+4BiVUBWOA==
   dependencies:
     "@jest/console" "^24.7.1"
-    "@jest/environment" "^24.7.1"
+    "@jest/environment" "^24.8.0"
     "@jest/source-map" "^24.3.0"
-    "@jest/transform" "^24.7.1"
-    "@jest/types" "^24.7.0"
+    "@jest/transform" "^24.8.0"
+    "@jest/types" "^24.8.0"
     "@types/yargs" "^12.0.2"
     chalk "^2.0.1"
     exit "^0.1.2"
     glob "^7.1.3"
     graceful-fs "^4.1.15"
-    jest-config "^24.7.1"
-    jest-haste-map "^24.7.1"
-    jest-message-util "^24.7.1"
-    jest-mock "^24.7.0"
+    jest-config "^24.8.0"
+    jest-haste-map "^24.8.0"
+    jest-message-util "^24.8.0"
+    jest-mock "^24.8.0"
     jest-regex-util "^24.3.0"
-    jest-resolve "^24.7.1"
-    jest-snapshot "^24.7.1"
-    jest-util "^24.7.1"
-    jest-validate "^24.7.0"
+    jest-resolve "^24.8.0"
+    jest-snapshot "^24.8.0"
+    jest-util "^24.8.0"
+    jest-validate "^24.8.0"
     realpath-native "^1.1.0"
     slash "^2.0.0"
     strip-bom "^3.0.0"
     yargs "^12.0.2"
 
-jest-serializer@23.0.1, jest-serializer@^23.0.1:
-  version "23.0.1"
-  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-23.0.1.tgz#a3776aeb311e90fe83fab9e533e85102bd164165"
-  integrity sha1-o3dq6zEekP6D+rnlM+hRAr0WQWU=
+jest-serializer@24.0.0-alpha.6:
+  version "24.0.0-alpha.6"
+  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-24.0.0-alpha.6.tgz#27d2fee4b1a85698717a30c3ec2ab80767312597"
+  integrity sha512-IPA5T6/GhlE6dedSk7Cd7YfuORnYjN0VD5iJVFn1Q81RJjpj++Hen5kJbKcg547vXsQ1TddV15qOA/zeIfOCLw==
 
-jest-serializer@^24.4.0:
+jest-serializer@^24.0.0-alpha.6, jest-serializer@^24.4.0:
   version "24.4.0"
   resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-24.4.0.tgz#f70c5918c8ea9235ccb1276d232e459080588db3"
   integrity sha512-k//0DtglVstc1fv+GY/VHDIjrtNjdYvYjMlbLUed4kxrE92sIUewOi5Hj3vrpB8CXfkJntRPDRjCrCvUhBdL8Q==
 
-jest-snapshot@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-24.7.1.tgz#bd5a35f74aedff070975e9e9c90024f082099568"
-  integrity sha512-8Xk5O4p+JsZZn4RCNUS3pxA+ORKpEKepE+a5ejIKrId9CwrVN0NY+vkqEkXqlstA5NMBkNahXkR/4qEBy0t5yA==
+jest-snapshot@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-24.8.0.tgz#3bec6a59da2ff7bc7d097a853fb67f9d415cb7c6"
+  integrity sha512-5ehtWoc8oU9/cAPe6fez6QofVJLBKyqkY2+TlKTOf0VllBB/mqUNdARdcjlZrs9F1Cv+/HKoCS/BknT0+tmfPg==
   dependencies:
     "@babel/types" "^7.0.0"
-    "@jest/types" "^24.7.0"
+    "@jest/types" "^24.8.0"
     chalk "^2.0.1"
-    expect "^24.7.1"
-    jest-diff "^24.7.0"
-    jest-matcher-utils "^24.7.0"
-    jest-message-util "^24.7.1"
-    jest-resolve "^24.7.1"
+    expect "^24.8.0"
+    jest-diff "^24.8.0"
+    jest-matcher-utils "^24.8.0"
+    jest-message-util "^24.8.0"
+    jest-resolve "^24.8.0"
     mkdirp "^0.5.1"
     natural-compare "^1.4.0"
-    pretty-format "^24.7.0"
+    pretty-format "^24.8.0"
     semver "^5.5.0"
 
-jest-util@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-24.7.1.tgz#b4043df57b32a23be27c75a2763d8faf242038ff"
-  integrity sha512-/KilOue2n2rZ5AnEBYoxOXkeTu6vi7cjgQ8MXEkih0oeAXT6JkS3fr7/j8+engCjciOU1Nq5loMSKe0A1oeX0A==
+jest-util@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-24.8.0.tgz#41f0e945da11df44cc76d64ffb915d0716f46cd1"
+  integrity sha512-DYZeE+XyAnbNt0BG1OQqKy/4GVLPtzwGx5tsnDrFcax36rVE3lTA5fbvgmbVPUZf9w77AJ8otqR4VBbfFJkUZA==
   dependencies:
     "@jest/console" "^24.7.1"
-    "@jest/fake-timers" "^24.7.1"
+    "@jest/fake-timers" "^24.8.0"
     "@jest/source-map" "^24.3.0"
-    "@jest/test-result" "^24.7.1"
-    "@jest/types" "^24.7.0"
+    "@jest/test-result" "^24.8.0"
+    "@jest/types" "^24.8.0"
     callsites "^3.0.0"
     chalk "^2.0.1"
     graceful-fs "^4.1.15"
@@ -5093,39 +5193,39 @@ jest-util@^24.7.1:
     slash "^2.0.0"
     source-map "^0.6.0"
 
-jest-validate@^24.7.0:
-  version "24.7.0"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-24.7.0.tgz#70007076f338528ee1b1c8a8258b1b0bb982508d"
-  integrity sha512-cgai/gts9B2chz1rqVdmLhzYxQbgQurh1PEQSvSgPZ8KGa1AqXsqC45W5wKEwzxKrWqypuQrQxnF4+G9VejJJA==
+jest-validate@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-24.8.0.tgz#624c41533e6dfe356ffadc6e2423a35c2d3b4849"
+  integrity sha512-+/N7VOEMW1Vzsrk3UWBDYTExTPwf68tavEPKDnJzrC6UlHtUDU/fuEdXqFoHzv9XnQ+zW6X3qMZhJ3YexfeLDA==
   dependencies:
-    "@jest/types" "^24.7.0"
+    "@jest/types" "^24.8.0"
     camelcase "^5.0.0"
     chalk "^2.0.1"
-    jest-get-type "^24.3.0"
+    jest-get-type "^24.8.0"
     leven "^2.1.0"
-    pretty-format "^24.7.0"
+    pretty-format "^24.8.0"
 
-jest-watcher@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-24.7.1.tgz#e161363d7f3f4e1ef3d389b7b3a0aad247b673f5"
-  integrity sha512-Wd6TepHLRHVKLNPacEsBwlp9raeBIO+01xrN24Dek4ggTS8HHnOzYSFnvp+6MtkkJ3KfMzy220KTi95e2rRkrw==
+jest-watcher@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-24.8.0.tgz#58d49915ceddd2de85e238f6213cef1c93715de4"
+  integrity sha512-SBjwHt5NedQoVu54M5GEx7cl7IGEFFznvd/HNT8ier7cCAx/Qgu9ZMlaTQkvK22G1YOpcWBLQPFSImmxdn3DAw==
   dependencies:
-    "@jest/test-result" "^24.7.1"
-    "@jest/types" "^24.7.0"
+    "@jest/test-result" "^24.8.0"
+    "@jest/types" "^24.8.0"
     "@types/yargs" "^12.0.9"
     ansi-escapes "^3.0.0"
     chalk "^2.0.1"
-    jest-util "^24.7.1"
+    jest-util "^24.8.0"
     string-length "^2.0.0"
 
-jest-worker@23.2.0, jest-worker@^23.2.0:
-  version "23.2.0"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-23.2.0.tgz#faf706a8da36fae60eb26957257fa7b5d8ea02b9"
-  integrity sha1-+vcGqNo2+uYOsmlXJX+ntdjqArk=
+jest-worker@24.0.0-alpha.6:
+  version "24.0.0-alpha.6"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-24.0.0-alpha.6.tgz#463681b92c117c57107135c14b9b9d6cd51d80ce"
+  integrity sha512-iXtH7MR9bjWlNnlnRBcrBRrb4cSVxML96La5vsnmBvDI+mJnkP5uEt6Fgpo5Y8f3z9y2Rd7wuPnKRxqQsiU/dA==
   dependencies:
     merge-stream "^1.0.1"
 
-jest-worker@^24.6.0:
+jest-worker@^24.0.0-alpha.6, jest-worker@^24.6.0:
   version "24.6.0"
   resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-24.6.0.tgz#7f81ceae34b7cde0c9827a6980c35b7cdc0161b3"
   integrity sha512-jDwgW5W9qGNvpI1tNnvajh0a5IE/PuGLFmHk6aR/BZFz8tSgGw17GsDPXAJ6p91IvYDjOw8GpFbvvZGAK+DPQQ==
@@ -5133,20 +5233,25 @@ jest-worker@^24.6.0:
     merge-stream "^1.0.1"
     supports-color "^6.1.0"
 
-jest@^24.7.1:
-  version "24.7.1"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-24.7.1.tgz#0d94331cf510c75893ee32f87d7321d5bf8f2501"
-  integrity sha512-AbvRar5r++izmqo5gdbAjTeA6uNRGoNRuj5vHB0OnDXo2DXWZJVuaObiGgtlvhKb+cWy2oYbQSfxv7Q7GjnAtA==
+jest@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-24.8.0.tgz#d5dff1984d0d1002196e9b7f12f75af1b2809081"
+  integrity sha512-o0HM90RKFRNWmAWvlyV8i5jGZ97pFwkeVoGvPW1EtLTgJc2+jcuqcbbqcSZLE/3f2S5pt0y2ZBETuhpWNl1Reg==
   dependencies:
     import-local "^2.0.0"
-    jest-cli "^24.7.1"
+    jest-cli "^24.8.0"
+
+jetifier@^1.0.0-beta04.2:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/jetifier/-/jetifier-1.6.1.tgz#4aa50dd35c5f6893c35c2278c53972852fd0e877"
+  integrity sha512-EF55MQWvFRaTA8LwHW15N4qnYm2a1Crg95YcVI7cTTzS9iNkBFgJ/f+o0OeJ62U1Laidrq/WG7HkYKoGwwPRRQ==
 
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
   integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
 
-js-yaml@^3.13.0, js-yaml@^3.9.0:
+js-yaml@^3.13.0, js-yaml@^3.13.1:
   version "3.13.1"
   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.13.1.tgz#aff151b30bfdfa8e49e05da22e7415e9dfa37847"
   integrity sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==
@@ -5339,12 +5444,12 @@ kleur@^3.0.2:
   resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
   integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
 
-latest-version@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-3.1.0.tgz#a205383fea322b33b5ae3b18abee0dc2f356ee15"
-  integrity sha1-ogU4P+oyKzO1rjsYq+4NwvNW7hU=
+latest-version@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-5.1.0.tgz#119dfe908fe38d15dfa43ecd13fa12ec8832face"
+  integrity sha512-weT+r0kTkRQdCdYCNtkMwWXQTMEswKrFBkm4ckQOMVhhqhIMI1UT2hMj+1iigIhgSZm5gTmrRXBNoGUgaTY1xA==
   dependencies:
-    package-json "^4.0.0"
+    package-json "^6.3.0"
 
 lcid@^1.0.0:
   version "1.0.0"
@@ -5425,6 +5530,13 @@ locate-path@^3.0.0:
     p-locate "^3.0.0"
     path-exists "^3.0.0"
 
+locate-path@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
+  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
+  dependencies:
+    p-locate "^4.1.0"
+
 lodash._reinterpolate@~3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
@@ -5685,10 +5797,10 @@ merge@^1.2.0:
   resolved "https://registry.yarnpkg.com/merge/-/merge-1.2.1.tgz#38bebf80c3220a8a487b6fcfb3941bb11720c145"
   integrity sha512-VjFo4P5Whtj4vsLzsYBu5ayHhoHJ0UqNm7ibvShmbmoz7tGi0vXaoJbGdB+GmDMLUdg8DpQXEIeVDAe8MaABvQ==
 
-metro-babel-register@^0.48.1:
-  version "0.48.5"
-  resolved "https://registry.yarnpkg.com/metro-babel-register/-/metro-babel-register-0.48.5.tgz#ece8131f959a1f7acf37af83c8e5696bfd0a448e"
-  integrity sha512-bJCessd7THqEfXrKEoj284XVjg9AGYbGqZiyV622l6ex9TvtVi1lToDY0TuAAuDXOm+V4vQXV7/HvR6JPP0dTQ==
+metro-babel-register@0.51.0:
+  version "0.51.0"
+  resolved "https://registry.yarnpkg.com/metro-babel-register/-/metro-babel-register-0.51.0.tgz#d86d3f2d90b45c7a3c6ae67a53bd1e50bad7a24d"
+  integrity sha512-rhdvHFOZ7/ub019A3+aYs8YeLydb02/FAMsKr2Nz2Jlf6VUxWrMnrcT0NYX16F9TGdi2ulRlJ9dwvUmdhkk+Bw==
   dependencies:
     "@babel/core" "^7.0.0"
     "@babel/plugin-proposal-class-properties" "^7.0.0"
@@ -5703,10 +5815,31 @@ metro-babel-register@^0.48.1:
     core-js "^2.2.2"
     escape-string-regexp "^1.0.5"
 
-metro-babel7-plugin-react-transform@0.48.5:
-  version "0.48.5"
-  resolved "https://registry.yarnpkg.com/metro-babel7-plugin-react-transform/-/metro-babel7-plugin-react-transform-0.48.5.tgz#312eb0adf3764357c79b79acc6eb92646051b349"
-  integrity sha512-S0cA0msHBGw7PSwB6nAsvtHEpQXVwzKBaE4AibLpaBiIVdWkYpIOok653zs9x+E9QvQgcghAnlVnDV+MDM+rSw==
+metro-babel-transformer@0.51.0:
+  version "0.51.0"
+  resolved "https://registry.yarnpkg.com/metro-babel-transformer/-/metro-babel-transformer-0.51.0.tgz#9ee5199163ac46b2057527b3f8cbd8b089ffc03e"
+  integrity sha512-M7KEY/hjD3E8tJEliWgI0VOSaJtqaznC0ItM6FiMrhoGDqqa1BvGofl+EPcKqjBSOV1UgExua/T1VOIWbjwQsw==
+  dependencies:
+    "@babel/core" "^7.0.0"
+
+metro-babel-transformer@0.51.1:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-babel-transformer/-/metro-babel-transformer-0.51.1.tgz#97be9e2b96c78aa202b52ae05fb86f71327aef72"
+  integrity sha512-+tOnZZzOzufB86ASdfimUEGB1jBKsdsVpPdjNJZkueTFyvYlGqWDQKHM1w9bwKMeM/czPQ48Y6m8Bou6le0X4w==
+  dependencies:
+    "@babel/core" "^7.0.0"
+
+metro-babel7-plugin-react-transform@0.51.0:
+  version "0.51.0"
+  resolved "https://registry.yarnpkg.com/metro-babel7-plugin-react-transform/-/metro-babel7-plugin-react-transform-0.51.0.tgz#af27dd81666b91f05d2b371b0d6d283c585e38b6"
+  integrity sha512-dZ95kXcE2FJMoRsYhxr7YLCbOlHWKwe0bOpihRhfImDTgFfuKIzU4ROQwMUbE0NCbzB+ATFsa2FZ3pHDJ5GI0w==
+  dependencies:
+    "@babel/helper-module-imports" "^7.0.0"
+
+metro-babel7-plugin-react-transform@0.51.1:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-babel7-plugin-react-transform/-/metro-babel7-plugin-react-transform-0.51.1.tgz#9cce2c340cc4006fc82aa6dfab27af22d592607e"
+  integrity sha512-wzn4X9KgmAMZ7Bi6v9KxA7dw+AHGL0RODPxU5NDJ3A6d0yERvzfZ3qkzWhz8jbFkVBK12cu5DTho3HBazKQDOw==
   dependencies:
     "@babel/helper-module-imports" "^7.0.0"
 
@@ -5717,53 +5850,94 @@ metro-babel7-plugin-react-transform@0.53.1:
   dependencies:
     "@babel/helper-module-imports" "^7.0.0"
 
-metro-cache@0.48.5:
-  version "0.48.5"
-  resolved "https://registry.yarnpkg.com/metro-cache/-/metro-cache-0.48.5.tgz#5ab3ad13c9df527f4196f0de096a3d496db97a6b"
-  integrity sha512-vlUf3A6+U3LXcf6wAn42N22q1h7MMoopA25w5KR4Flwd0xKVokxHwsTo9v06vpn4gqFtpXWCpEJSBaYRrWYJwg==
+metro-cache@0.51.1:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-cache/-/metro-cache-0.51.1.tgz#d0b296eab8e009214413bba87e4eac3d9b44cd04"
+  integrity sha512-0m1+aicsw77LVAehNuTxDpE1c/7Xv/ajRD+UL/lFCWUxnrjSbxVtIKr8l5DxEY11082c1axVRuaV9e436W+eXg==
   dependencies:
-    jest-serializer "23.0.1"
-    metro-core "0.48.5"
+    jest-serializer "24.0.0-alpha.6"
+    metro-core "0.51.1"
     mkdirp "^0.5.1"
     rimraf "^2.5.4"
 
-metro-config@0.48.5:
-  version "0.48.5"
-  resolved "https://registry.yarnpkg.com/metro-config/-/metro-config-0.48.5.tgz#05624064617eb648ee6e336951b60ac665230a45"
-  integrity sha512-b+EmFgBOAEUM5THjJ2EU6CJxnULLC5V1Q8S8dz4xX4v96eLIsRCLPrXgYKATHJTVi0qw99ATVRsOBZVZ77fwjg==
+metro-config@0.51.1, metro-config@^0.51.0:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-config/-/metro-config-0.51.1.tgz#8f1a241ce2c0b521cd492c39bc5c6c69e3397b82"
+  integrity sha512-WCNd0tTI9gb/ubgTqK1+ljZL4b3hsXVinsOAtep4nHiVb6DSDdbO2yXDD2rpYx3NE6hDRMFS9HHg6G0139pAqQ==
   dependencies:
     cosmiconfig "^5.0.5"
-    metro "0.48.5"
-    metro-cache "0.48.5"
-    metro-core "0.48.5"
-    pretty-format "^23.4.1"
+    metro "0.51.1"
+    metro-cache "0.51.1"
+    metro-core "0.51.1"
+    pretty-format "24.0.0-alpha.6"
 
-metro-core@0.48.5, metro-core@^0.48.1:
-  version "0.48.5"
-  resolved "https://registry.yarnpkg.com/metro-core/-/metro-core-0.48.5.tgz#eef57d0ea947cfd2e44d86b20592a321ca234b89"
-  integrity sha512-Yp0BOAHhxf/qdNkwJhemVdD2Y59iyaTjwxUimCmeD8u5VEL6mLgEC1S0KczyWEiAgX3Fs48rezCAcx3mo67wXg==
+metro-core@0.51.1, metro-core@^0.51.0:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-core/-/metro-core-0.51.1.tgz#e7227fb1dd1bb3f953272fad9876e6201140b038"
+  integrity sha512-sG1yACjdFqmIzZN50HqLTKUMp1oy0AehHhmIuYeIllo1DjX6Y2o3UAT3rGP8U+SAqJGXf/OWzl6VNyRPGDENfA==
   dependencies:
-    jest-haste-map "23.5.0"
+    jest-haste-map "24.0.0-alpha.6"
     lodash.throttle "^4.1.1"
-    metro-resolver "0.48.5"
+    metro-resolver "0.51.1"
     wordwrap "^1.0.0"
 
-metro-memory-fs@^0.48.1:
-  version "0.48.5"
-  resolved "https://registry.yarnpkg.com/metro-memory-fs/-/metro-memory-fs-0.48.5.tgz#ae390f494ff0d54f2fb60531a3e4b83282a6b66d"
-  integrity sha512-dxN0dBtMOR1CvyRIOM/NE+uFirybWb4y2PZke0Z8bpYn6ttmv8ZF3PVdFxJf9v9irVBSOIPD0mD5zllxQkXzhg==
+metro-memory-fs@^0.51.0:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-memory-fs/-/metro-memory-fs-0.51.1.tgz#624291f5956b0fd11532d80b1b85d550926f96c9"
+  integrity sha512-dXVUpLPLwfQcYHd1HlqHGVzBsiwvUdT92TDSbdc10152TP+iynHBqLDWbxt0MAtd6c/QXwOuGZZ1IcX3+lv5iw==
 
-metro-minify-uglify@0.48.5:
-  version "0.48.5"
-  resolved "https://registry.yarnpkg.com/metro-minify-uglify/-/metro-minify-uglify-0.48.5.tgz#c8e878ce31adc1f9af3550917da7028b9eb91bc1"
-  integrity sha512-tiHVYlUMuL91YjQPx9BzzzXy5jAAA5SWLqlvWfmM6m9faWtFeCv8Se27vVNuPDkOPYyL8qPCRhUpZMUhA0yN2g==
+metro-minify-uglify@0.51.1:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-minify-uglify/-/metro-minify-uglify-0.51.1.tgz#60cd8fe4d3e82d6670c717b8ddb52ae63199c0e4"
+  integrity sha512-HAqd/rFrQ6mnbqVAszDXIKTg2rqHlY9Fm8DReakgbkAeyMbF2mH3kEgtesPmTrhajdFk81UZcNSm6wxj1JMgVg==
   dependencies:
     uglify-es "^3.1.9"
 
-metro-react-native-babel-preset@0.48.5:
-  version "0.48.5"
-  resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.48.5.tgz#cafa1c3ea326a447a89031928b0932f38a65815c"
-  integrity sha512-ldG1bsusB5zlS1fhAiSLRjUA7I/Chn/dniaXTlkUpgiqyEAaDDmqhkDJ8gyZw3rhlLMVswlBd3o6I8yYti+57w==
+metro-react-native-babel-preset@0.51.0:
+  version "0.51.0"
+  resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.51.0.tgz#978d960acf2d214bbbe43e59145878d663bd07de"
+  integrity sha512-Y/aPeLl4RzY8IEAneOyDcpdjto/8yjIuX9eUWRngjSqdHYhGQtqiSBpfTpo0BvXpwNRLwCLHyXo58gNpckTJFw==
+  dependencies:
+    "@babel/plugin-proposal-class-properties" "^7.0.0"
+    "@babel/plugin-proposal-export-default-from" "^7.0.0"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.0.0"
+    "@babel/plugin-proposal-object-rest-spread" "^7.0.0"
+    "@babel/plugin-proposal-optional-catch-binding" "^7.0.0"
+    "@babel/plugin-proposal-optional-chaining" "^7.0.0"
+    "@babel/plugin-syntax-dynamic-import" "^7.0.0"
+    "@babel/plugin-syntax-export-default-from" "^7.0.0"
+    "@babel/plugin-transform-arrow-functions" "^7.0.0"
+    "@babel/plugin-transform-block-scoping" "^7.0.0"
+    "@babel/plugin-transform-classes" "^7.0.0"
+    "@babel/plugin-transform-computed-properties" "^7.0.0"
+    "@babel/plugin-transform-destructuring" "^7.0.0"
+    "@babel/plugin-transform-exponentiation-operator" "^7.0.0"
+    "@babel/plugin-transform-flow-strip-types" "^7.0.0"
+    "@babel/plugin-transform-for-of" "^7.0.0"
+    "@babel/plugin-transform-function-name" "^7.0.0"
+    "@babel/plugin-transform-literals" "^7.0.0"
+    "@babel/plugin-transform-modules-commonjs" "^7.0.0"
+    "@babel/plugin-transform-object-assign" "^7.0.0"
+    "@babel/plugin-transform-parameters" "^7.0.0"
+    "@babel/plugin-transform-react-display-name" "^7.0.0"
+    "@babel/plugin-transform-react-jsx" "^7.0.0"
+    "@babel/plugin-transform-react-jsx-source" "^7.0.0"
+    "@babel/plugin-transform-regenerator" "^7.0.0"
+    "@babel/plugin-transform-runtime" "^7.0.0"
+    "@babel/plugin-transform-shorthand-properties" "^7.0.0"
+    "@babel/plugin-transform-spread" "^7.0.0"
+    "@babel/plugin-transform-sticky-regex" "^7.0.0"
+    "@babel/plugin-transform-template-literals" "^7.0.0"
+    "@babel/plugin-transform-typescript" "^7.0.0"
+    "@babel/plugin-transform-unicode-regex" "^7.0.0"
+    "@babel/template" "^7.0.0"
+    metro-babel7-plugin-react-transform "0.51.0"
+    react-transform-hmr "^1.0.4"
+
+metro-react-native-babel-preset@0.51.1:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.51.1.tgz#44aeeedfea37f7c2ab8f6f273fa71b90fe65f089"
+  integrity sha512-e9tsYDFhU70gar0jQWcZXRPJVCv4k7tEs6Pm74wXO2OO/T1MEumbvniDIGwGG8bG8RUnYdHhjcaiub2Vc5BRWw==
   dependencies:
     "@babel/plugin-proposal-class-properties" "^7.0.0"
     "@babel/plugin-proposal-export-default-from" "^7.0.0"
@@ -5798,7 +5972,7 @@ metro-react-native-babel-preset@0.48.5:
     "@babel/plugin-transform-typescript" "^7.0.0"
     "@babel/plugin-transform-unicode-regex" "^7.0.0"
     "@babel/template" "^7.0.0"
-    metro-babel7-plugin-react-transform "0.48.5"
+    metro-babel7-plugin-react-transform "0.51.1"
     react-transform-hmr "^1.0.4"
 
 metro-react-native-babel-preset@^0.53.1:
@@ -5843,24 +6017,44 @@ metro-react-native-babel-preset@^0.53.1:
     metro-babel7-plugin-react-transform "0.53.1"
     react-transform-hmr "^1.0.4"
 
-metro-resolver@0.48.5:
-  version "0.48.5"
-  resolved "https://registry.yarnpkg.com/metro-resolver/-/metro-resolver-0.48.5.tgz#d2ff84afab13ec3962685953ebd03d878e1f4c36"
-  integrity sha512-lScSpLJKZMmNPRwvcY6zj28AwMOcI1M5bCCv+m06VWcISCTq1KlaKVwqLKmFgUtPkoFtFLD+PVKRKCRUxj1opg==
+metro-react-native-babel-transformer@0.51.0:
+  version "0.51.0"
+  resolved "https://registry.yarnpkg.com/metro-react-native-babel-transformer/-/metro-react-native-babel-transformer-0.51.0.tgz#57a695e97a19d95de63c9633f9d0dc024ee8e99a"
+  integrity sha512-VFnqtE0qrVmU1HV9B04o53+NZHvDwR+CWCoEx4+7vCqJ9Tvas741biqCjah9xtifoKdElQELk6x0soOAWCDFJA==
+  dependencies:
+    "@babel/core" "^7.0.0"
+    babel-preset-fbjs "^3.0.1"
+    metro-babel-transformer "0.51.0"
+    metro-react-native-babel-preset "0.51.0"
+
+metro-react-native-babel-transformer@^0.51.0:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-react-native-babel-transformer/-/metro-react-native-babel-transformer-0.51.1.tgz#bac34f988c150c725cd1875c13701cc2032615f9"
+  integrity sha512-D0KU+JPb/Z76nUWt3+bkjKggOlGvqAVI2BpIH2JFKprpUyBjWaCRqHnkBfZGixYwUfmu93MIlKJWr6iKzzFrlg==
+  dependencies:
+    "@babel/core" "^7.0.0"
+    babel-preset-fbjs "^3.0.1"
+    metro-babel-transformer "0.51.1"
+    metro-react-native-babel-preset "0.51.1"
+
+metro-resolver@0.51.1:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-resolver/-/metro-resolver-0.51.1.tgz#4c26f0baee47d30250187adca3d34c902e627611"
+  integrity sha512-zmWbD/287NDA/jLPuPV0hne/YMMSG0dljzu21TYMg2lXRLur/zROJHHhyepZvuBHgInXBi4Vhr2wvuSnY39SuA==
   dependencies:
     absolute-path "^0.0.0"
 
-metro-source-map@0.48.5:
-  version "0.48.5"
-  resolved "https://registry.yarnpkg.com/metro-source-map/-/metro-source-map-0.48.5.tgz#ab738f5cea4627fdae839d09237f85dd13d972ab"
-  integrity sha512-+BbcU9vfEl/XhMlVV0RwuHuEkai4lq7RmlQkxgoOoWl1u0yXCAPRZ5sqa326fPlJzElOR3cp0y7+Oc2nbIguyg==
+metro-source-map@0.51.1:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-source-map/-/metro-source-map-0.51.1.tgz#1a8da138e98e184304d5558b4f92a5c2141822d0"
+  integrity sha512-JyrE+RV4YumrboHPHTGsUUGERjQ681ImRLrSYDGcmNv4tfpk9nvAK26UAas4IvBYFCC9oW90m0udt3kaQGv59Q==
   dependencies:
     source-map "^0.5.6"
 
-metro@0.48.5, metro@^0.48.1:
-  version "0.48.5"
-  resolved "https://registry.yarnpkg.com/metro/-/metro-0.48.5.tgz#94fb4476ea18d3cf2e96e5c37dc85a21b69b4bf1"
-  integrity sha512-aCarzjxdYqh+9I40bF+Hh1ayrwfPrnDwVOvpQg3VZFWU4wfeMiJb+tzeRN9p94cC/MKhBTOjRmUF3plzrHoe0w==
+metro@0.51.1, metro@^0.51.0:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro/-/metro-0.51.1.tgz#b0aad4731593b9f244261bad1abb2a006d1c8969"
+  integrity sha512-nM0dqn8LQlMjhChl2fzTUq2EWiUebZM7nkesD9vQe47W10bj/tbRLPiIIAxht6SRDbPd/hRA+t39PxLhPSKEKg==
   dependencies:
     "@babel/core" "^7.0.0"
     "@babel/generator" "^7.0.0"
@@ -5872,7 +6066,8 @@ metro@0.48.5, metro@^0.48.1:
     absolute-path "^0.0.0"
     async "^2.4.0"
     babel-preset-fbjs "^3.0.1"
-    chalk "^1.1.1"
+    buffer-crc32 "^0.2.13"
+    chalk "^2.4.1"
     concat-stream "^1.6.0"
     connect "^3.6.5"
     debug "^2.2.0"
@@ -5882,19 +6077,20 @@ metro@0.48.5, metro@^0.48.1:
     fs-extra "^1.0.0"
     graceful-fs "^4.1.3"
     image-size "^0.6.0"
-    jest-docblock "23.2.0"
-    jest-haste-map "23.5.0"
-    jest-worker "23.2.0"
+    invariant "^2.2.4"
+    jest-haste-map "24.0.0-alpha.6"
+    jest-worker "24.0.0-alpha.6"
     json-stable-stringify "^1.0.1"
     lodash.throttle "^4.1.1"
     merge-stream "^1.0.1"
-    metro-cache "0.48.5"
-    metro-config "0.48.5"
-    metro-core "0.48.5"
-    metro-minify-uglify "0.48.5"
-    metro-react-native-babel-preset "0.48.5"
-    metro-resolver "0.48.5"
-    metro-source-map "0.48.5"
+    metro-babel-transformer "0.51.1"
+    metro-cache "0.51.1"
+    metro-config "0.51.1"
+    metro-core "0.51.1"
+    metro-minify-uglify "0.51.1"
+    metro-react-native-babel-preset "0.51.1"
+    metro-resolver "0.51.1"
+    metro-source-map "0.51.1"
     mime-types "2.1.11"
     mkdirp "^0.5.1"
     node-fetch "^2.2.0"
@@ -5908,7 +6104,7 @@ metro@0.48.5, metro@^0.48.1:
     throat "^4.1.0"
     wordwrap "^1.0.0"
     write-file-atomic "^1.2.0"
-    ws "^1.1.0"
+    ws "^1.1.5"
     xpipe "^1.0.5"
     yargs "^9.0.0"
 
@@ -5950,6 +6146,14 @@ micromatch@^3.1.10, micromatch@^3.1.4:
     snapdragon "^0.8.1"
     to-regex "^3.0.2"
 
+micromatch@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.2.tgz#4fcb0999bf9fbc2fcbdd212f6d629b9a56c39259"
+  integrity sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==
+  dependencies:
+    braces "^3.0.1"
+    picomatch "^2.0.5"
+
 mime-db@1.40.0, "mime-db@>= 1.40.0 < 2":
   version "1.40.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.40.0.tgz#a65057e998db090f732a68f6c276d387d4126c32"
@@ -6006,7 +6210,7 @@ min-document@^2.19.0:
   dependencies:
     dom-walk "^0.1.0"
 
-minimatch@^3.0.3, minimatch@^3.0.4:
+minimatch@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
   integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
@@ -6377,6 +6581,11 @@ onetime@^2.0.0:
   dependencies:
     mimic-fn "^1.0.0"
 
+opencollective-postinstall@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/opencollective-postinstall/-/opencollective-postinstall-2.0.2.tgz#5657f1bede69b6e33a45939b061eb53d3c6c3a89"
+  integrity sha512-pVOEP16TrAO2/fjej1IdOyupJY8KDUM1CvsaScRbw6oddvpQoOfGk4ywha0HKKVAD6RkW4x6Q+tNBwhf3Bgpuw==
+
 opn@^3.0.2:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/opn/-/opn-3.0.3.tgz#b6d99e7399f78d65c3baaffef1fb288e9b85243a"
@@ -6499,7 +6708,7 @@ p-limit@^1.1.0:
   dependencies:
     p-try "^1.0.0"
 
-p-limit@^2.0.0:
+p-limit@^2.0.0, p-limit@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.2.0.tgz#417c9941e6027a9abcba5092dd2904e255b5fbc2"
   integrity sha512-pZbTJpoUsCzV48Mc9Nh51VbwO0X9cuPFE8gYwx9BTCt9SF8/b7Zljd2fVgOxhIF/HDTKgpVzs+GPhyKfjLLFRQ==
@@ -6520,6 +6729,13 @@ p-locate@^3.0.0:
   dependencies:
     p-limit "^2.0.0"
 
+p-locate@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
+  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
+  dependencies:
+    p-limit "^2.2.0"
+
 p-map@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/p-map/-/p-map-2.1.0.tgz#310928feef9c9ecc65b68b17693018a665cea175"
@@ -6540,15 +6756,15 @@ p-try@^2.0.0:
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
   integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
 
-package-json@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/package-json/-/package-json-4.0.1.tgz#8869a0401253661c4c4ca3da6c2121ed555f5eed"
-  integrity sha1-iGmgQBJTZhxMTKPabCEh7VVfXu0=
+package-json@^6.3.0:
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/package-json/-/package-json-6.4.0.tgz#4f626976604f4a9a41723ce1792b204a60b1b61e"
+  integrity sha512-bd1T8OBG7hcvMd9c/udgv6u5v9wISP3Oyl9Cm7Weop8EFwrtcQDnS2sb6zhwqus2WslSr5wSTIPiTTpxxmPm7Q==
   dependencies:
-    got "^6.7.1"
-    registry-auth-token "^3.0.1"
-    registry-url "^3.0.3"
-    semver "^5.1.0"
+    got "^9.6.0"
+    registry-auth-token "^3.4.0"
+    registry-url "^5.0.0"
+    semver "^6.1.1"
 
 parent-module@^1.0.0:
   version "1.0.1"
@@ -6637,11 +6853,6 @@ pascalcase@^0.1.1:
   resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
   integrity sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=
 
-path-dirname@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/path-dirname/-/path-dirname-1.0.2.tgz#cc33d24d525e099a5388c0336c6e32b9160609e0"
-  integrity sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA=
-
 path-exists@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-2.1.0.tgz#0feb6c64f0fc518d9a754dd5efb62c7022761f4b"
@@ -6654,6 +6865,11 @@ path-exists@^3.0.0:
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
   integrity sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=
 
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
 path-is-absolute@^1.0.0, path-is-absolute@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
@@ -6704,11 +6920,21 @@ path-type@^3.0.0:
   dependencies:
     pify "^3.0.0"
 
+path-type@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
+  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
+
 performance-now@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
   integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=
 
+picomatch@^2.0.5:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.0.7.tgz#514169d8c7cd0bdbeecc8a2609e34a7163de69f6"
+  integrity sha512-oLHIdio3tZ0qH76NybpeneBhYVj0QFTfXEFTc/B3zKQspYfYYkWYgFsmzo+4kvId/bQRcNkVeguI3y+CD22BtA==
+
 pify@^2.0.0, pify@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
@@ -6757,12 +6983,12 @@ pkg-dir@^3.0.0:
   dependencies:
     find-up "^3.0.0"
 
-pkg-dir@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.1.0.tgz#aaeb91c0d3b9c4f74a44ad849f4de34781ae01de"
-  integrity sha512-55k9QN4saZ8q518lE6EFgYiu95u3BWkSajCifhdQjvLvmr8IpnRbhI+UGpWJQfa0KzDguHeeWT1ccO1PmkOi3A==
+pkg-dir@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
+  integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
   dependencies:
-    find-up "^3.0.0"
+    find-up "^4.0.0"
 
 please-upgrade-node@^3.1.1:
   version "3.1.1"
@@ -6771,16 +6997,7 @@ please-upgrade-node@^3.1.1:
   dependencies:
     semver-compare "^1.0.0"
 
-plist@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/plist/-/plist-2.0.1.tgz#0a32ca9481b1c364e92e18dc55c876de9d01da8b"
-  integrity sha1-CjLKlIGxw2TpLhjcVch23p0B2os=
-  dependencies:
-    base64-js "1.1.2"
-    xmlbuilder "8.2.2"
-    xmldom "0.1.x"
-
-plist@^3.0.0:
+plist@^3.0.0, plist@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/plist/-/plist-3.0.1.tgz#a9b931d17c304e8912ef0ba3bdd6182baf2e1f8c"
   integrity sha512-GpgvHHocGRyQm74b6FWEZZVRroHKE1I0/BTjAmySaohK+cUn+hZpbqXkc3KWgW3gQYkqcQej35FohcT0FRlkRQ==
@@ -6822,11 +7039,6 @@ prepend-file@^1.3.1:
   dependencies:
     tmp "0.0.31"
 
-prepend-http@^1.0.1:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
-  integrity sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=
-
 prepend-http@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
@@ -6844,34 +7056,29 @@ prettier-linter-helpers@^1.0.0:
   dependencies:
     fast-diff "^1.1.2"
 
-prettier@^1.17.0:
-  version "1.17.0"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.17.0.tgz#53b303676eed22cc14a9f0cec09b477b3026c008"
-  integrity sha512-sXe5lSt2WQlCbydGETgfm1YBShgOX4HxQkFPvbxkcwgDvGDeqVau8h+12+lmSVlP3rHPz0oavfddSZg/q+Szjw==
+prettier@^1.18.2:
+  version "1.18.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.18.2.tgz#6823e7c5900017b4bd3acf46fe9ac4b4d7bda9ea"
+  integrity sha512-OeHeMc0JhFE9idD4ZdtNibzY0+TPHSpSSb9h8FqtP+YnoZZ1sl8Vc9b1sasjfymH3SonAF4QcA2+mzHPhMvIiw==
 
-pretty-format@^23.4.1:
-  version "23.6.0"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-23.6.0.tgz#5eaac8eeb6b33b987b7fe6097ea6a8a146ab5760"
-  integrity sha512-zf9NV1NSlDLDjycnwm6hpFATCGl/K1lt0R/GdkAK2O5LN/rwJoB+Mh93gGJjut4YbmecbfgLWVGSTCr0Ewvvbw==
+pretty-format@24.0.0-alpha.6:
+  version "24.0.0-alpha.6"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-24.0.0-alpha.6.tgz#25ad2fa46b342d6278bf241c5d2114d4376fbac1"
+  integrity sha512-zG2m6YJeuzwBFqb5EIdmwYVf30sap+iMRuYNPytOccEXZMAJbPIFGKVJ/U0WjQegmnQbRo9CI7j6j3HtDaifiA==
   dependencies:
-    ansi-regex "^3.0.0"
+    ansi-regex "^4.0.0"
     ansi-styles "^3.2.0"
 
-pretty-format@^24.7.0:
-  version "24.7.0"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-24.7.0.tgz#d23106bc2edcd776079c2daa5da02bcb12ed0c10"
-  integrity sha512-apen5cjf/U4dj7tHetpC7UEFCvtAgnNZnBDkfPv3fokzIqyOJckAG9OlAPC1BlFALnqT/lGB2tl9EJjlK6eCsA==
+pretty-format@^24.8.0:
+  version "24.8.0"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-24.8.0.tgz#8dae7044f58db7cb8be245383b565a963e3c27f2"
+  integrity sha512-P952T7dkrDEplsR+TuY7q3VXDae5Sr7zmQb12JU/NDQa/3CH7/QW0yvqLcGN6jL+zQFKaoJcPc+yJxMTGmosqw==
   dependencies:
-    "@jest/types" "^24.7.0"
+    "@jest/types" "^24.8.0"
     ansi-regex "^4.0.0"
     ansi-styles "^3.2.0"
     react-is "^16.8.4"
 
-pretty-format@^4.2.1:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-4.3.1.tgz#530be5c42b3c05b36414a7a2a4337aa80acd0e8d"
-  integrity sha1-UwvlxCs8BbNkFKeipDN6qArNDo0=
-
 private@^0.1.6:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"
@@ -6987,7 +7194,7 @@ range-parser@~1.2.0:
   resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.0.tgz#f49be6b487894ddc40dcc94a322f611092e00d5e"
   integrity sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=
 
-rc@^1.0.1, rc@^1.1.6, rc@^1.2.7:
+rc@^1.1.6, rc@^1.2.7, rc@^1.2.8:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
   integrity sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==
@@ -7007,7 +7214,7 @@ react-deep-force-update@^1.0.0:
   resolved "https://registry.yarnpkg.com/react-deep-force-update/-/react-deep-force-update-1.1.2.tgz#3d2ae45c2c9040cbb1772be52f8ea1ade6ca2ee1"
   integrity sha512-WUSQJ4P/wWcusaH+zZmbECOk7H5N2pOIl0vzheeornkIMhu+qrNdGFm0bDZLCb0hSF0jf/kH1SgkNGfBdTc4wA==
 
-react-devtools-core@^3.4.2:
+react-devtools-core@^3.6.0:
   version "3.6.1"
   resolved "https://registry.yarnpkg.com/react-devtools-core/-/react-devtools-core-3.6.1.tgz#51af81ceada65209bbccb8b547a01187cd1cbf04"
   integrity sha512-I/LSX+tpeTrGKaF1wXSfJ/kP+6iaP2JfshEjW8LtQBdz6c6HhzOJtjZXhqOUrAdysuey8M1/JgPY1flSVVt8Ig==
@@ -7015,59 +7222,71 @@ react-devtools-core@^3.4.2:
     shell-quote "^1.6.1"
     ws "^3.3.1"
 
-react-dom@16.5.0:
-  version "16.5.0"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.5.0.tgz#57704e5718669374b182a17ea79a6d24922cb27d"
-  integrity sha512-qgsQdjFH54pQ1AGLCBKsqjPxib4Pnp+cOsNxGPlkHn5YnsSt43sBvHSif6FheY7NMMS6HPeSJOxXf6ECanjacA==
+react-dom@16.8.3:
+  version "16.8.3"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.8.3.tgz#ae236029e66210783ac81999d3015dfc475b9c32"
+  integrity sha512-ttMem9yJL4/lpItZAQ2NTFAbV7frotHk5DZEHXUOws2rMmrsvh1Na7ThGT0dTzUIl6pqTOi5tYREfL8AEna3lA==
   dependencies:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
     prop-types "^15.6.2"
-    schedule "^0.3.0"
+    scheduler "^0.13.3"
 
-react-is@^16.5.0, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.4, react-is@^16.8.6:
+react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.3, react-is@^16.8.4, react-is@^16.8.6:
   version "16.8.6"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.8.6.tgz#5bbc1e2d29141c9fbdfed456343fe2bc430a6a16"
   integrity sha512-aUk3bHfZ2bRSVFFbbeVS4i+lNPZr3/WM5jT2J5omUVV1zzcs1nAaf3l51ctA5FFvCRbhrH0bdAsRRQddFJZPtA==
 
-react-native-gesture-handler@^1.1.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/react-native-gesture-handler/-/react-native-gesture-handler-1.2.1.tgz#9c48fb1ab13d29cece24bbb77b1e847eebf27a2b"
-  integrity sha512-c1+L72Vjc/bwHKcIJ8a2/88SW9l3/axcAIpg3zB1qTzwdCxHZJeQn6d58cQXHPepxFBbgfTCo60B7SipSfo+zw==
+react-native-gesture-handler@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/react-native-gesture-handler/-/react-native-gesture-handler-1.3.0.tgz#d0386f565928ccc1849537f03f2e37fd5f6ad43f"
+  integrity sha512-ASRFIXBuKRvqlmwkWJhV8yP2dTpvcqVrLNpd7FKVBFHYWr6SAxjGyO9Ik8w1lAxDhMlRP2IcJ9p9eq5X2WWeLQ==
   dependencies:
     hoist-non-react-statics "^2.3.1"
     invariant "^2.2.2"
     prop-types "^15.5.10"
 
-react-native-safe-area-view@^0.13.0:
-  version "0.13.1"
-  resolved "https://registry.yarnpkg.com/react-native-safe-area-view/-/react-native-safe-area-view-0.13.1.tgz#834bbb6d22f76a7ff07de56725ee5667ba1386b0"
-  integrity sha512-d/pu2866jApSwLtK/xWAvMXZkNTIQcFrjjbcTATBrmIfFNnu8TNFUcMRFpfJ+eOn5nmx7uGmDvs9B53Ft7JGpQ==
+react-native-reanimated@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-1.1.0.tgz#ba6864055ec3a206cdd5209a293fe653ce276206"
+  integrity sha512-UGDVNfvuIkMqYUx6aytSzihuzv6sWubn0MQi8dRcw7BjgezhjJnVnJ/NSOcpL3cO+Ld7lFcRX6GKcskwkHdPkw==
+
+react-native-safe-area-view@^0.14.1, react-native-safe-area-view@^0.14.6:
+  version "0.14.6"
+  resolved "https://registry.yarnpkg.com/react-native-safe-area-view/-/react-native-safe-area-view-0.14.6.tgz#9a9d37d9f8f3887d60c4076eae7b5d2319539446"
+  integrity sha512-dbzuvaeHFV1VBpyMaC0gtJ2BqFt6ls/405A0t78YN1sXiTrVr3ki86Ysct8mzifWqLdvWzcWagE5wfMtdxnqoA==
   dependencies:
     hoist-non-react-statics "^2.3.1"
 
-"react-native-screens@^1.0.0 || ^1.0.0-alpha", react-native-screens@^1.0.0-alpha.22:
+"react-native-screens@^1.0.0 || ^1.0.0-alpha":
   version "1.0.0-alpha.22"
   resolved "https://registry.yarnpkg.com/react-native-screens/-/react-native-screens-1.0.0-alpha.22.tgz#7a120377b52aa9bbb94d0b8541a014026be9289b"
   integrity sha512-kSyAt0AeVU6N7ZonfV6dP6iZF8B7Bce+tk3eujXhzBGsLg0VSLnU7uE9VqJF0xdQrHR91ZjGgVMieo/8df9KTA==
 
-react-native@~0.57.7:
-  version "0.57.8"
-  resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.57.8.tgz#1a840fbe144cd3902cc14313a783ce28efc48cb9"
-  integrity sha512-K6DAMTPTq+lxVYC73y4Kh/bgLajddBaIKzwsVeV4JOoS1Fdq48/ISXD3vApV+x+/IBVTXnrT9qlA+9U6MMZCqA==
+react-native-screens@^1.0.0-alpha.23:
+  version "1.0.0-alpha.23"
+  resolved "https://registry.yarnpkg.com/react-native-screens/-/react-native-screens-1.0.0-alpha.23.tgz#25d7ea4d11bda4fcde2d1da7ae50271c6aa636e0"
+  integrity sha512-tOxHGQUN83MTmQB4ghoQkibqOdGiX4JQEmeyEv96MKWO/x8T2PJv84ECUos9hD3blPRQwVwSpAid1PPPhrVEaw==
+  dependencies:
+    debounce "^1.2.0"
+
+react-native@~0.59.8:
+  version "0.59.9"
+  resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.59.9.tgz#c94ee4fa35121720c05235a2dd6cdd2784bf5177"
+  integrity sha512-/+8EgIZwFpYHyyJ7Zav7B6LHNrytwUQ+EKGT/QV7HSrgpf2Y5NZNeUYUHKiVKLYpBip1G32/LcAECQj37YRwGQ==
   dependencies:
     "@babel/runtime" "^7.0.0"
+    "@react-native-community/cli" "^1.2.1"
     absolute-path "^0.0.0"
     art "^0.10.0"
     base64-js "^1.1.2"
-    chalk "^1.1.1"
+    chalk "^2.4.1"
     commander "^2.9.0"
     compression "^1.7.1"
     connect "^3.6.5"
     create-react-class "^15.6.3"
     debug "^2.2.0"
     denodeify "^1.2.1"
-    envinfo "^5.7.0"
     errorhandler "^1.5.0"
     escape-string-regexp "^1.0.5"
     event-target-shim "^1.0.5"
@@ -7077,11 +7296,10 @@ react-native@~0.57.7:
     glob "^7.1.1"
     graceful-fs "^4.1.3"
     inquirer "^3.0.6"
+    invariant "^2.2.4"
     lodash "^4.17.5"
-    metro "^0.48.1"
-    metro-babel-register "^0.48.1"
-    metro-core "^0.48.1"
-    metro-memory-fs "^0.48.1"
+    metro-babel-register "0.51.0"
+    metro-react-native-babel-transformer "0.51.0"
     mime "^1.3.4"
     minimist "^1.2.0"
     mkdirp "^0.5.1"
@@ -7089,15 +7307,15 @@ react-native@~0.57.7:
     node-fetch "^2.2.0"
     node-notifier "^5.2.1"
     npmlog "^2.0.4"
+    nullthrows "^1.1.0"
     opn "^3.0.2"
     optimist "^0.6.1"
     plist "^3.0.0"
-    pretty-format "^4.2.1"
+    pretty-format "24.0.0-alpha.6"
     promise "^7.1.1"
     prop-types "^15.5.8"
     react-clone-referenced-element "^1.0.1"
-    react-devtools-core "^3.4.2"
-    react-timer-mixin "^0.13.2"
+    react-devtools-core "^3.6.0"
     regenerator-runtime "^0.11.0"
     rimraf "^2.5.4"
     semver "^5.0.3"
@@ -7105,7 +7323,6 @@ react-native@~0.57.7:
     shell-quote "1.6.1"
     stacktrace-parser "^0.1.3"
     ws "^1.1.5"
-    xcode "^1.0.0"
     xmldoc "^0.4.0"
     yargs "^9.0.0"
 
@@ -7117,20 +7334,15 @@ react-proxy@^1.1.7:
     lodash "^4.6.1"
     react-deep-force-update "^1.0.0"
 
-react-test-renderer@16.5.0:
-  version "16.5.0"
-  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.5.0.tgz#1aeca0edc4f27f63265dcaed80ba82e11e762f56"
-  integrity sha512-cuN9BoZ1p6T3oxrjxN7pQDSmgWzAxWBi8gtCHcViMYcw/1xqOIyatt2YFhiCWg7115TPQqkTKEu+F44YjFE4ig==
+react-test-renderer@16.8.3:
+  version "16.8.3"
+  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.8.3.tgz#230006af264cc46aeef94392e04747c21839e05e"
+  integrity sha512-rjJGYebduKNZH0k1bUivVrRLX04JfIQ0FKJLPK10TAb06XWhfi4gTobooF9K/DEFNW98iGac3OSxkfIJUN9Mdg==
   dependencies:
     object-assign "^4.1.1"
     prop-types "^15.6.2"
-    react-is "^16.5.0"
-    schedule "^0.3.0"
-
-react-timer-mixin@^0.13.2:
-  version "0.13.4"
-  resolved "https://registry.yarnpkg.com/react-timer-mixin/-/react-timer-mixin-0.13.4.tgz#75a00c3c94c13abe29b43d63b4c65a88fc8264d3"
-  integrity sha512-4+ow23tp/Tv7hBM5Az5/Be/eKKF7DIvJ09voz5LyHGQaqqz9WV8YMs31eFvcYQs7d451LSg7kDJV70XYN/Ug/Q==
+    react-is "^16.8.3"
+    scheduler "^0.13.3"
 
 react-transform-hmr@^1.0.4:
   version "1.0.4"
@@ -7140,15 +7352,15 @@ react-transform-hmr@^1.0.4:
     global "^4.3.0"
     react-proxy "^1.1.7"
 
-react@16.5.0:
-  version "16.5.0"
-  resolved "https://registry.yarnpkg.com/react/-/react-16.5.0.tgz#f2c1e754bf9751a549d9c6d9aca41905beb56575"
-  integrity sha512-nw/yB/L51kA9PsAy17T1JrzzGRk+BlFCJwFF7p+pwVxgqwPjYNeZEkkH7LXn9dmflolrYMXLWMTkQ77suKPTNQ==
+react@16.8.3:
+  version "16.8.3"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.8.3.tgz#c6f988a2ce895375de216edcfaedd6b9a76451d9"
+  integrity sha512-3UoSIsEq8yTJuSu0luO1QQWYbgGEILm+eJl2QN/VLDi7hL+EN18M3q3oVZwmVzzBJ3DkM7RMdRwBmZZ+b4IzSA==
   dependencies:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
     prop-types "^15.6.2"
-    schedule "^0.3.0"
+    scheduler "^0.13.3"
 
 read-pkg-up@^1.0.1:
   version "1.0.1"
@@ -7209,7 +7421,7 @@ read-pkg@^2.0.0:
     normalize-package-data "^2.3.2"
     path-type "^2.0.0"
 
-read-pkg@^5.0.0:
+read-pkg@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-5.1.1.tgz#5cf234dde7a405c90c88a519ab73c467e9cb83f5"
   integrity sha512-dFcTLQi6BZ+aFUaICg7er+/usEoqFdQxiEBsEMNGoipenihtxxtdrQuBXvyANCEI8VuUIVYFgeHGx9sLLvim4w==
@@ -7337,7 +7549,7 @@ regexpu-core@^4.5.4:
     unicode-match-property-ecmascript "^1.0.4"
     unicode-match-property-value-ecmascript "^1.1.0"
 
-registry-auth-token@^3.0.1:
+registry-auth-token@^3.4.0:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/registry-auth-token/-/registry-auth-token-3.4.0.tgz#d7446815433f5d5ed6431cd5dca21048f66b397e"
   integrity sha512-4LM6Fw8eBQdwMYcES4yTnn2TqIasbXuwDx3um+QRs7S55aMKCBKBxvPXl2RiUjHwuJLTyYfxSpmfSAjQpcuP+A==
@@ -7345,12 +7557,12 @@ registry-auth-token@^3.0.1:
     rc "^1.1.6"
     safe-buffer "^5.0.1"
 
-registry-url@^3.0.3:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/registry-url/-/registry-url-3.1.0.tgz#3d4ef870f73dde1d77f0cf9a381432444e174942"
-  integrity sha1-PU74cPc93h138M+aOBQyRE4XSUI=
+registry-url@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/registry-url/-/registry-url-5.1.0.tgz#e98334b50d5434b81136b44ec638d9c2009c5009"
+  integrity sha512-8acYXXTI0AkQv6RAOjE3vOaIXZkT9wo4LOFbBKYQEEnnMNBpKqdUrI6S4NT0KPIo/WVvJ5tE/X5LF/TQUf0ekw==
   dependencies:
-    rc "^1.0.1"
+    rc "^1.2.8"
 
 regjsgen@^0.5.0:
   version "0.5.0"
@@ -7364,37 +7576,39 @@ regjsparser@^0.6.0:
   dependencies:
     jsesc "~0.5.0"
 
-release-it@^11.0.0:
-  version "11.0.0"
-  resolved "https://registry.yarnpkg.com/release-it/-/release-it-11.0.0.tgz#4aaf47c775c914bfa89f5f4dd699e81207de5ed5"
-  integrity sha512-jgwCz5/9lgw+8rB6WTwnAaSAJCdbThZgN+YtQuMau8fr0CqS6JDR8kSHOp+IRt2za83hqlAJYXYJV3PILw7hUg==
+release-it@^12.2.1, release-it@^12.3.2:
+  version "12.3.2"
+  resolved "https://registry.yarnpkg.com/release-it/-/release-it-12.3.2.tgz#d28ff9aab396f3f23c60c73d3c8e36030edbacfa"
+  integrity sha512-RvpTKpskkEcw/ocpoGWa+dZUNaWsaGEwAACLK2N6ycqF1y1uXz5xtBwEh4XPQB5bKDpplaOWJcPQKkdX/3wuWA==
   dependencies:
-    "@octokit/rest" "16.25.0"
+    "@iarna/toml" "2.2.3"
+    "@octokit/rest" "16.28.2"
     async-retry "1.2.3"
-    bump-file "2.0.0"
     chalk "2.4.2"
+    cosmiconfig "5.2.1"
     debug "4.1.1"
-    deprecated-obj "1.0.0"
+    deprecated-obj "1.0.1"
     detect-repo-changelog "1.0.1"
-    form-data "2.3.3"
+    find-up "4.1.0"
+    form-data "2.5.0"
     git-url-parse "11.1.2"
-    globby "9.2.0"
+    globby "10.0.1"
     got "9.6.0"
-    import-cwd "2.1.0"
-    inquirer "6.3.1"
+    import-cwd "3.0.0"
+    inquirer "6.4.1"
     is-ci "2.0.0"
     lodash "4.17.11"
     mime-types "2.1.24"
     ora "3.4.0"
     os-name "3.1.0"
-    semver "6.0.0"
+    semver "6.2.0"
     shelljs "0.8.3"
-    supports-color "6.1.0"
-    update-notifier "2.5.0"
-    url-join "4.0.0"
+    supports-color "7.0.0"
+    update-notifier "3.0.1"
+    url-join "4.0.1"
     uuid "3.3.2"
     window-size "1.1.1"
-    yargs-parser "13.0.0"
+    yargs-parser "13.1.1"
 
 remark-parse@^5.0.0:
   version "5.0.0"
@@ -7491,11 +7705,6 @@ require-directory@^2.1.1:
   resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
   integrity sha1-jGStX9MNqxyXbiNE/+f3kqam30I=
 
-require-from-string@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
-  integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
-
 require-main-filename@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-1.0.1.tgz#97f717b69d48784f5f526a6c5aa8ffdda055a4d1"
@@ -7518,34 +7727,34 @@ resolve-cwd@^2.0.0:
   dependencies:
     resolve-from "^3.0.0"
 
-resolve-from@4.0.0, resolve-from@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
-  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
-
-resolve-from@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-2.0.0.tgz#9480ab20e94ffa1d9e80a804c7ea147611966b57"
-  integrity sha1-lICrIOlP+h2egKgEx+oUdhGWa1c=
+resolve-from@5.0.0, resolve-from@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
+  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
 
 resolve-from@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748"
   integrity sha1-six699nWiBvItuZTM17rywoYh0g=
 
-resolve-global@0.1.0, resolve-global@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/resolve-global/-/resolve-global-0.1.0.tgz#8fb02cfd5b7db20118e886311f15af95bd15fbd9"
-  integrity sha1-j7As/Vt9sgEY6IYxHxWvlb0V+9k=
-  dependencies:
-    global-dirs "^0.1.0"
+resolve-from@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
+  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
-resolve-pkg@1.0.0:
+resolve-global@1.0.0, resolve-global@^1.0.0:
   version "1.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-pkg/-/resolve-pkg-1.0.0.tgz#e19a15e78aca2e124461dc92b2e3943ef93494d9"
-  integrity sha1-4ZoV54rKLhJEYdySsuOUPvk0lNk=
+  resolved "https://registry.yarnpkg.com/resolve-global/-/resolve-global-1.0.0.tgz#a2a79df4af2ca3f49bf77ef9ddacd322dad19255"
+  integrity sha512-zFa12V4OLtT5XUX/Q4VLvTfBf+Ok0SPc1FNGM/z9ctUdiU618qwKpWnd0CHs3+RqROfyEg/DhuHbMWYqcgljEw==
+  dependencies:
+    global-dirs "^0.1.1"
+
+resolve-pkg@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-pkg/-/resolve-pkg-2.0.0.tgz#ac06991418a7623edc119084edc98b0e6bf05a41"
+  integrity sha512-+1lzwXehGCXSeryaISr6WujZzowloigEofRB+dj75y9RRa/obVcYgbHJd53tdYw8pvZj8GojXaaENws8Ktw/hQ==
   dependencies:
-    resolve-from "^2.0.0"
+    resolve-from "^5.0.0"
 
 resolve-url@^0.2.1:
   version "0.2.1"
@@ -7589,6 +7798,11 @@ retry@0.12.0:
   resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
   integrity sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs=
 
+reusify@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+
 rimraf@2.6.3, rimraf@^2.5.2, rimraf@^2.5.4, rimraf@^2.6.1, rimraf@^2.6.2, rimraf@^2.6.3:
   version "2.6.3"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
@@ -7623,6 +7837,11 @@ run-node@^1.0.0:
   resolved "https://registry.yarnpkg.com/run-node/-/run-node-1.0.0.tgz#46b50b946a2aa2d4947ae1d886e9856fd9cabe5e"
   integrity sha512-kc120TBlQ3mih1LSzdAJXo4xn/GWS2ec0l3S+syHDXP9uRr0JAT8Qd3mdMuyjqCzeZktgP3try92cEgf9Nks8A==
 
+run-parallel@^1.1.9:
+  version "1.1.9"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.1.9.tgz#c9dd3a7cf9f4b2c4b6244e173a6ed866e61dd679"
+  integrity sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q==
+
 rx-lite-aggregates@^4.0.8:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/rx-lite-aggregates/-/rx-lite-aggregates-4.0.8.tgz#753b87a89a11c95467c4ac1626c4efc4e05c67be"
@@ -7659,14 +7878,15 @@ safe-regex@^1.1.0:
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
-sane@^2.0.0:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/sane/-/sane-2.5.2.tgz#b4dc1861c21b427e929507a3e751e2a2cb8ab3fa"
-  integrity sha1-tNwYYcIbQn6SlQej51HiosuKs/o=
+sane@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/sane/-/sane-3.1.0.tgz#995193b7dc1445ef1fe41ddfca2faf9f111854c6"
+  integrity sha512-G5GClRRxT1cELXfdAq7UKtUsv8q/ZC5k8lQGmjEm4HcAl3HzBy68iglyNCmw4+0tiXPCBZntslHlRhbnsSws+Q==
   dependencies:
     anymatch "^2.0.0"
     capture-exit "^1.2.0"
     exec-sh "^0.2.0"
+    execa "^1.0.0"
     fb-watchman "^2.0.0"
     micromatch "^3.1.4"
     minimist "^1.1.1"
@@ -7700,11 +7920,12 @@ sax@~1.1.1:
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.1.6.tgz#5d616be8a5e607d54e114afae55b7eaf2fcc3240"
   integrity sha1-XWFr6KXmB9VOEUr65Vt+ry/MMkA=
 
-schedule@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/schedule/-/schedule-0.3.0.tgz#1be2ab2fc2e768536269ce7326efb478d6c045e8"
-  integrity sha512-20+1KVo517sR7Nt+bYBN8a+bEJDKLPEx7Ohtts1kX05E4/HY53YUNuhfkVNItmWAnBYHcpG9vsd2/CJxG+aPCQ==
+scheduler@^0.13.3:
+  version "0.13.6"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.13.6.tgz#466a4ec332467b31a91b9bf74e5347072e4cd889"
+  integrity sha512-IWnObHt413ucAYKsD9J1QShUKkbKLQQHdxRyw73sw4FN26iWr3DY/H34xGPe4nmL1DwXyWmSWmMrA9TfQbE/XQ==
   dependencies:
+    loose-envify "^1.1.0"
     object-assign "^4.1.1"
 
 scheduler@^0.14.0:
@@ -7732,26 +7953,21 @@ semver-diff@^2.0.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.0.tgz#790a7cf6fea5459bac96110b29b60412dc8ff96b"
   integrity sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==
 
-semver@5.4.1:
-  version "5.4.1"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.4.1.tgz#e059c09d8571f0540823733433505d3a2f00b18e"
-  integrity sha512-WfG/X9+oATh81XtllIo/I8gOiY9EXRdv1cQdyykeXK17YcUW3EXUAi2To4pcH6nZtJPr7ZOpM5OMyWJZm+8Rsg==
-
 semver@5.5.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.5.0.tgz#dc4bbc7a6ca9d916dee5d43516f0092b58f7b8ab"
   integrity sha512-4SJ3dm0WAwWy/NVeioZh5AntkdJoWKxHxcmyP622fOkgHa4z3R0TdBJICINyaSDE6uNwVc8gZr+ZinwZAH4xIA==
 
-semver@5.6.0:
-  version "5.6.0"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.6.0.tgz#7e74256fbaa49c75aa7c7a205cc22799cac80004"
-  integrity sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==
-
 semver@6.0.0, semver@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.0.0.tgz#05e359ee571e5ad7ed641a6eec1e547ba52dea65"
   integrity sha512-0UewU+9rFapKFnlbirLi3byoOuhrSsli/z/ihNnvM24vgF+8sNBiI1LZPBSH9wJKUwaUbw+s3hToDLCXkrghrQ==
 
+semver@6.2.0, semver@^6.1.1:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.2.0.tgz#4d813d9590aaf8a9192693d6c85b9344de5901db"
+  integrity sha512-jdFC1VdUGT/2Scgbimf7FSx9iJLXoqfglSF+gJeuNWVpiE37OIbc1jywR/GJyFdz3mnkz2/id0L0J/cr0izR5A==
+
 send@0.16.2:
   version "0.16.2"
   resolved "https://registry.yarnpkg.com/send/-/send-0.16.2.tgz#6ecca1e0f8c156d141597559848df64730a6bbc1"
@@ -7862,14 +8078,14 @@ signal-exit@^3.0.0, signal-exit@^3.0.2:
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
   integrity sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=
 
-simple-plist@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/simple-plist/-/simple-plist-0.2.1.tgz#71766db352326928cf3a807242ba762322636723"
-  integrity sha1-cXZts1IyaSjPOoByQrp2IyJjZyM=
+simple-plist@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/simple-plist/-/simple-plist-1.0.0.tgz#bed3085633b22f371e111f45d159a1ccf94b81eb"
+  integrity sha512-043L2rO80LVF7zfZ+fqhsEkoJFvW8o59rt/l4ctx1TJWoTx7/jkiS1R5TatD15Z1oYnuLJytzE7gcnnBuIPL2g==
   dependencies:
     bplist-creator "0.0.7"
     bplist-parser "0.1.1"
-    plist "2.0.1"
+    plist "^3.0.1"
 
 sisteransi@^1.0.0:
   version "1.0.0"
@@ -7881,6 +8097,11 @@ slash@^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"
+  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
+
 slice-ansi@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-2.1.0.tgz#cacd7693461a637a5788d92a7dd4fba068e81636"
@@ -8189,12 +8410,12 @@ strip-json-comments@^2.0.1, strip-json-comments@~2.0.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
   integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
 
-supports-color@6.1.0, supports-color@^6.0.0, supports-color@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-6.1.0.tgz#0764abc69c63d5ac842dd4867e8d025e880df8f3"
-  integrity sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==
+supports-color@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.0.0.tgz#f2392c50ab35bb3cae7beebf24d254a19f880c06"
+  integrity sha512-WRt32iTpYEZWYOpcetGm0NPeSvaebccx7hhS/5M6sAiqnhedtFCHFxkjzZlJvFNCPowiKSFGiZk5USQDFy83vQ==
   dependencies:
-    has-flag "^3.0.0"
+    has-flag "^4.0.0"
 
 supports-color@^2.0.0:
   version "2.0.0"
@@ -8208,6 +8429,13 @@ supports-color@^5.2.0, supports-color@^5.3.0:
   dependencies:
     has-flag "^3.0.0"
 
+supports-color@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-6.1.0.tgz#0764abc69c63d5ac842dd4867e8d025e880df8f3"
+  integrity sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==
+  dependencies:
+    has-flag "^3.0.0"
+
 symbol-tree@^3.2.2:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.2.tgz#ae27db38f660a7ae2e1c3b7d1bc290819b8519e6"
@@ -8301,11 +8529,6 @@ time-stamp@^1.0.0:
   resolved "https://registry.yarnpkg.com/time-stamp/-/time-stamp-1.1.0.tgz#764a5a11af50561921b133f3b44e618687e0f5c3"
   integrity sha1-dkpaEa9QVhkhsTPztE5hhofg9cM=
 
-timed-out@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/timed-out/-/timed-out-4.0.1.tgz#f32eacac5a175bea25d7fab565ab3ed8741ef56f"
-  integrity sha1-8y6srFoXW+ol1/q1Zas+2HQe9W8=
-
 tmp@0.0.31:
   version "0.0.31"
   resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.31.tgz#8f38ab9438e17315e5dbd8b3657e8bfb277ae4a7"
@@ -8350,6 +8573,13 @@ to-regex-range@^2.1.0:
     is-number "^3.0.0"
     repeat-string "^1.6.1"
 
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
 to-regex@^3.0.1, to-regex@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/to-regex/-/to-regex-3.0.2.tgz#13cfdd9b336552f30b51f33a8ae1b42a7a7599ce"
@@ -8464,10 +8694,10 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
-typescript@^3.4.5:
-  version "3.4.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.4.5.tgz#2d2618d10bb566572b8d7aad5180d84257d70a99"
-  integrity sha512-YycBxUb49UUhdNMU5aJ7z5Ej2XGmaIBL0x34vZ82fn3hGvD+bgrMrVDpatgz2f7YxUMJxMkbWxJZeAvDxVe7Vw==
+typescript@^3.5.2:
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.5.2.tgz#a09e1dc69bc9551cadf17dba10ee42cf55e5d56c"
+  integrity sha512-7KxJovlYhTX5RaRbUdkAXN1KUZ8PwWlTzQdHV6xNqvuFOs7+WBo10TQUqT19Q/Jz2hk5v9TQDIhyLhhJY4p5AA==
 
 ua-parser-js@^0.7.18:
   version "0.7.19"
@@ -8591,13 +8821,20 @@ unist-util-visit@^1.1.0:
   dependencies:
     unist-util-visit-parents "^2.0.0"
 
-universal-user-agent@^2.0.0, universal-user-agent@^2.0.1:
+universal-user-agent@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/universal-user-agent/-/universal-user-agent-2.0.3.tgz#9f6f09f9cc33de867bb720d84c08069b14937c6c"
   integrity sha512-eRHEHhChCBHrZsA4WEhdgiOKgdvgrMIHwnwnqD0r5C6AO8kwKcG7qSku3iXdhvHL3YvsS9ZkSGN8h/hIpoFC8g==
   dependencies:
     os-name "^3.0.0"
 
+universal-user-agent@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/universal-user-agent/-/universal-user-agent-2.1.0.tgz#5abfbcc036a1ba490cb941f8fd68c46d3669e8e4"
+  integrity sha512-8itiX7G05Tu3mGDTdNY2fB4KJ8MgZLS54RdG6PkkfwMAavrXu1mV/lls/GABx9O3Rw4PnTtasxrvbMQoBYY92Q==
+  dependencies:
+    os-name "^3.0.0"
+
 universalify@^0.1.0:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
@@ -8616,24 +8853,21 @@ unset-value@^1.0.0:
     has-value "^0.3.1"
     isobject "^3.0.0"
 
-unzip-response@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/unzip-response/-/unzip-response-2.0.1.tgz#d2f0f737d16b0615e72a6935ed04214572d56f97"
-  integrity sha1-0vD3N9FrBhXnKmk17QQhRXLVb5c=
-
-update-notifier@2.5.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-2.5.0.tgz#d0744593e13f161e406acb1d9408b72cad08aff6"
-  integrity sha512-gwMdhgJHGuj/+wHJJs9e6PcCszpxR1b236igrOkUofGhqJuG+amlIKwApH1IW1WWl7ovZxsX49lMBWLxSdm5Dw==
+update-notifier@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-3.0.1.tgz#78ecb68b915e2fd1be9f767f6e298ce87b736250"
+  integrity sha512-grrmrB6Zb8DUiyDIaeRTBCkgISYUgETNe7NglEbVsrLWXeESnlCSP50WfRSj/GmzMPl6Uchj24S/p80nP/ZQrQ==
   dependencies:
-    boxen "^1.2.1"
+    boxen "^3.0.0"
     chalk "^2.0.1"
-    configstore "^3.0.0"
+    configstore "^4.0.0"
+    has-yarn "^2.1.0"
     import-lazy "^2.1.0"
-    is-ci "^1.0.10"
+    is-ci "^2.0.0"
     is-installed-globally "^0.1.0"
-    is-npm "^1.0.0"
-    latest-version "^3.0.0"
+    is-npm "^3.0.0"
+    is-yarn-global "^0.3.0"
+    latest-version "^5.0.0"
     semver-diff "^2.0.0"
     xdg-basedir "^3.0.0"
 
@@ -8649,17 +8883,10 @@ urix@^0.1.0:
   resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
   integrity sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=
 
-url-join@4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/url-join/-/url-join-4.0.0.tgz#4d3340e807d3773bda9991f8305acdcc2a665d2a"
-  integrity sha1-TTNA6AfTdzvamZH4MFrNzCpmXSo=
-
-url-parse-lax@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/url-parse-lax/-/url-parse-lax-1.0.0.tgz#7af8f303645e9bd79a272e7a14ac68bc0609da73"
-  integrity sha1-evjzA2Rem9eaJy56FKxovAYJ2nM=
-  dependencies:
-    prepend-http "^1.0.1"
+url-join@4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/url-join/-/url-join-4.0.1.tgz#b642e21a2646808ffa178c4c5fda39844e12cde7"
+  integrity sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==
 
 url-parse-lax@^3.0.0:
   version "3.0.0"
@@ -8966,12 +9193,12 @@ x-is-string@^0.1.0:
   resolved "https://registry.yarnpkg.com/x-is-string/-/x-is-string-0.1.0.tgz#474b50865af3a49a9c4657f05acd145458f77d82"
   integrity sha1-R0tQhlrzpJqcRlfwWs0UVFj3fYI=
 
-xcode@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/xcode/-/xcode-1.1.0.tgz#9fcb63f417a9af377bfb743a5c22afce4e1da964"
-  integrity sha512-hllHFtfsNu5WbVzj8KbGNdI3NgOYmTLZqyF4a9c9J1aGMhAdxmLLsXlpG0Bz8fEtKh6I3pyargRXN0ZlLpcF5w==
+xcode@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/xcode/-/xcode-2.0.0.tgz#134f1f94c26fbfe8a9aaa9724bfb2772419da1a2"
+  integrity sha512-5xF6RCjAdDEiEsbbZaS/gBRt3jZ/177otZcpoLCjGN/u1LrfgH7/Sgeeavpr/jELpyDqN2im3AKosl2G2W8hfw==
   dependencies:
-    simple-plist "^0.2.1"
+    simple-plist "^1.0.0"
     uuid "^3.3.2"
 
 xdg-basedir@^3.0.0:
@@ -8984,11 +9211,6 @@ xml-name-validator@^3.0.0:
   resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-3.0.0.tgz#6ae73e06de4d8c6e47f9fb181f78d648ad457c6a"
   integrity sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==
 
-xmlbuilder@8.2.2:
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-8.2.2.tgz#69248673410b4ba42e1a6136551d2922335aa773"
-  integrity sha1-aSSGc0ELS6QuGmE2VR0pIjNap3M=
-
 xmlbuilder@^9.0.7:
   version "9.0.7"
   resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-9.0.7.tgz#132ee63d2ec5565c557e20f4c22df9aca686b10d"
@@ -9036,10 +9258,10 @@ yallist@^3.0.0, yallist@^3.0.2:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.0.3.tgz#b4b049e314be545e3ce802236d6cd22cd91c3de9"
   integrity sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==
 
-yargs-parser@13.0.0, yargs-parser@^13.0.0:
-  version "13.0.0"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.0.0.tgz#3fc44f3e76a8bdb1cc3602e860108602e5ccde8b"
-  integrity sha512-w2LXjoL8oRdRQN+hOyppuXs+V/fVAYtpcrRxZuF7Kt/Oc+Jr2uAcVntaUTNT6w5ihoWfFDpNY8CPx1QskxZ/pw==
+yargs-parser@13.1.1:
+  version "13.1.1"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.1.1.tgz#d26058532aa06d365fe091f6a1fc06b2f7e5eca0"
+  integrity sha512-oVAVsHz6uFrg3XQheFII8ESO2ssAf9luWuAd6Wexsu4F3OtIW0o8IribPXYrD4WC24LWtPrJlGy87y5udK+dxQ==
   dependencies:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
@@ -9059,6 +9281,14 @@ yargs-parser@^11.1.1:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
+yargs-parser@^13.0.0:
+  version "13.0.0"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.0.0.tgz#3fc44f3e76a8bdb1cc3602e860108602e5ccde8b"
+  integrity sha512-w2LXjoL8oRdRQN+hOyppuXs+V/fVAYtpcrRxZuF7Kt/Oc+Jr2uAcVntaUTNT6w5ihoWfFDpNY8CPx1QskxZ/pw==
+  dependencies:
+    camelcase "^5.0.0"
+    decamelize "^1.2.0"
+
 yargs-parser@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-7.0.0.tgz#8d0ac42f16ea55debd332caf4c4038b3e3f5dfd9"