diff --git a/packages/stack/example/App.js b/packages/stack/example/App.js
index e0628556..e968c0ea 100644
--- a/packages/stack/example/App.js
+++ b/packages/stack/example/App.js
@@ -14,6 +14,7 @@ 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';
@@ -35,8 +36,9 @@ import { useScreens } from 'react-native-screens';
 I18nManager.forceRTL(false);
 
 const data = [
+  { component: SimpleStack, title: 'Simple', routeName: 'SimpleStack' },
   { component: HeaderPreset, title: 'UIKit Preset', routeName: 'UIKit' },
-  { component: SimpleStack, title: 'Wipe Preset', routeName: 'SimpleStack' },
+  { component: WipeStack, title: 'Wipe Preset', routeName: 'Wipe' },
   { component: ImageStack, title: 'Image', routeName: 'ImageStack' },
   { component: ModalStack, title: 'Modal', routeName: 'ModalStack' },
   { component: FullScreen, title: 'Full Screen', routeName: 'FullScreen' },
@@ -67,7 +69,7 @@ const data = [
   },
   {
     component: HeaderBackgroundDefault,
-    title: 'Header background (default transition)',
+    title: 'Header background (UIKit transition)',
     routeName: 'HeaderBackgroundDefault',
   },
   {
diff --git a/packages/stack/example/src/HeaderPreset.js b/packages/stack/example/src/HeaderPreset.js
index cda5bc60..763a4284 100644
--- a/packages/stack/example/src/HeaderPreset.js
+++ b/packages/stack/example/src/HeaderPreset.js
@@ -4,6 +4,7 @@ import { SafeAreaView } from '@react-navigation/native';
 import {
   createStackNavigator,
   TransitionPresets,
+  HeaderStyleInterpolators,
 } from 'react-navigation-stack';
 
 class HomeScreen extends React.Component {
@@ -103,7 +104,10 @@ const StackWithHeaderPreset = createStackNavigator(
     ScreenWithNoHeader: ScreenWithNoHeader,
     ScreenWithLongTitle: ScreenWithLongTitle,
   },
-  TransitionPresets.SlideFromRightIOS
+  {
+    ...TransitionPresets.SlideFromRightIOS,
+    headerStyleInterpolator: HeaderStyleInterpolators.forUIKit,
+  }
 );
 
 export default StackWithHeaderPreset;
diff --git a/packages/stack/example/src/SimpleStack.js b/packages/stack/example/src/SimpleStack.js
index 39a9d655..c2a2501a 100644
--- a/packages/stack/example/src/SimpleStack.js
+++ b/packages/stack/example/src/SimpleStack.js
@@ -1,10 +1,7 @@
 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';
+import { createStackNavigator } from 'react-navigation-stack';
 
 const Buttons = withNavigation(props => (
   <React.Fragment>
@@ -151,7 +148,5 @@ export default createStackNavigator(
   },
   {
     initialRouteName: 'List',
-    headerMode: 'screen',
-    ...TransitionPresets.WipeFromBottomAndroid,
   }
 );
diff --git a/packages/stack/example/src/WipeStack.js b/packages/stack/example/src/WipeStack.js
new file mode 100644
index 00000000..39a9d655
--- /dev/null
+++ b/packages/stack/example/src/WipeStack.js
@@ -0,0 +1,157 @@
+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',
+    ...TransitionPresets.WipeFromBottomAndroid,
+  }
+);
diff --git a/packages/stack/package.json b/packages/stack/package.json
index 94f15bc2..77e2fbcf 100644
--- a/packages/stack/package.json
+++ b/packages/stack/package.json
@@ -42,7 +42,7 @@
   },
   "homepage": "https://github.com/react-navigation/react-navigation-stack#readme",
   "dependencies": {
-    "react-native-safe-area-view": "^0.14.4"
+    "react-native-safe-area-view": "^0.14.5"
   },
   "devDependencies": {
     "@babel/core": "^7.4.4",
diff --git a/packages/stack/src/TransitionConfigs/TransitionPresets.tsx b/packages/stack/src/TransitionConfigs/TransitionPresets.tsx
index 9b82c2ca..dc78e120 100644
--- a/packages/stack/src/TransitionConfigs/TransitionPresets.tsx
+++ b/packages/stack/src/TransitionConfigs/TransitionPresets.tsx
@@ -4,7 +4,7 @@ import {
   forWipeFromBottomAndroid,
   forFadeFromBottomAndroid,
 } from './CardStyleInterpolators';
-import { forUIKit, forNoAnimation } from './HeaderStyleInterpolators';
+import { forNoAnimation, forFade } from './HeaderStyleInterpolators';
 import {
   TransitionIOSSpec,
   WipeFromBottomAndroidSpec,
@@ -24,7 +24,7 @@ export const SlideFromRightIOS: TransitionPreset = {
     close: TransitionIOSSpec,
   },
   cardStyleInterpolator: forHorizontalIOS,
-  headerStyleInterpolator: forUIKit,
+  headerStyleInterpolator: forFade,
 };
 
 // Standard iOS navigation transition for modals
diff --git a/packages/stack/yarn.lock b/packages/stack/yarn.lock
index b195ac91..8c21b0c7 100644
--- a/packages/stack/yarn.lock
+++ b/packages/stack/yarn.lock
@@ -7153,10 +7153,10 @@ react-native-safe-area-view@^0.13.0:
   dependencies:
     hoist-non-react-statics "^2.3.1"
 
-react-native-safe-area-view@^0.14.4:
-  version "0.14.4"
-  resolved "https://registry.yarnpkg.com/react-native-safe-area-view/-/react-native-safe-area-view-0.14.4.tgz#1647fa74fd452cb8cee4f47bd08de3829451bf5d"
-  integrity sha512-ypDQVoAyNHBhMR1IGfadm8kskNzPg5czrDAzQEu5MXG9Ahoi5f1cL/rT2KO+R9f6xRjf6b1IjY53m0B0xHRd0A==
+react-native-safe-area-view@^0.14.5:
+  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==
   dependencies:
     hoist-non-react-statics "^2.3.1"