Several small changes related to header style commit

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"

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],
         }),
       },
     ],

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() {