From 26771dea6337288aae555ffb4a636e83416b2b68 Mon Sep 17 00:00:00 2001
From: Brent Vatne <brentvatne@gmail.com>
Date: Fri, 16 Feb 2018 12:42:44 -0800
Subject: [PATCH] Several small changes related to header style commit

---
 .../examples/NavigationPlayground/js/StackWithHeaderPreset.js | 4 ++--
 .../src/views/Header/HeaderStyleInterpolator.js               | 4 ++--
 packages/react-navigation/src/views/TouchableItem.js          | 1 -
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/react-navigation/examples/NavigationPlayground/js/StackWithHeaderPreset.js b/packages/react-navigation/examples/NavigationPlayground/js/StackWithHeaderPreset.js
index 3f6d0d89..ef5e7913 100644
--- a/packages/react-navigation/examples/NavigationPlayground/js/StackWithHeaderPreset.js
+++ b/packages/react-navigation/examples/NavigationPlayground/js/StackWithHeaderPreset.js
@@ -20,7 +20,7 @@ class HomeScreen extends React.Component<NavScreenProps> {
     const { navigation } = this.props;
 
     return (
-      <SafeAreaView>
+      <SafeAreaView style={{ paddingTop: 30 }}>
         <Button
           onPress={() => navigation.push('Other')}
           title="Push another screen"
@@ -42,7 +42,7 @@ class OtherScreen extends React.Component<NavScreenProps> {
     const { navigation } = this.props;
 
     return (
-      <SafeAreaView>
+      <SafeAreaView style={{ paddingTop: 30 }}>
         <Button
           onPress={() => navigation.push('Other')}
           title="Push another screen"
diff --git a/packages/react-navigation/src/views/Header/HeaderStyleInterpolator.js b/packages/react-navigation/src/views/Header/HeaderStyleInterpolator.js
index ac82a27a..e9c54abb 100644
--- a/packages/react-navigation/src/views/Header/HeaderStyleInterpolator.js
+++ b/packages/react-navigation/src/views/Header/HeaderStyleInterpolator.js
@@ -111,7 +111,7 @@ function forLeftLabel(props) {
     // noticable to the user
     opacity: position.interpolate({
       inputRange: [first, index - 0.35, index, index + 0.5, last],
-      outputRange: [0, 0, 1, 0, 0],
+      outputRange: [0, 0, 1, 0.5, 0],
     }),
     transform: [
       {
@@ -119,7 +119,7 @@ function forLeftLabel(props) {
           inputRange: [first, index, last],
           outputRange: I18nManager.isRTL
             ? [-offset, 0, offset]
-            : [offset, 0, -offset],
+            : [offset, 0, -offset * 1.5],
         }),
       },
     ],
diff --git a/packages/react-navigation/src/views/TouchableItem.js b/packages/react-navigation/src/views/TouchableItem.js
index d3604395..c7a19b77 100644
--- a/packages/react-navigation/src/views/TouchableItem.js
+++ b/packages/react-navigation/src/views/TouchableItem.js
@@ -21,7 +21,6 @@ export default class TouchableItem extends React.Component {
   static defaultProps = {
     borderless: false,
     pressColor: 'rgba(0, 0, 0, .32)',
-    hitSlop: { top: 15, left: 15, right: 15, bottom: 15 },
   };
 
   render() {