Remove some extra props and libraries

Author: Nhacsam

package.json

@@ -47,9 +47,7 @@
     "react-native": ">=0.20.0"
   },
   "dependencies": {
-    "prop-types": "^15.6.0",
-    "react-native-image-header-scroll-view-ep": "^0.0.8",
-    "react-native-view-overflow": "^0.0.3"
+    "prop-types": "^15.6.0"
   },
   "eslintConfig": {
     "extends": "bambi/native"

src/ImageHeaderScrollView.js

@@ -2,12 +2,9 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Animated, ScrollView, StyleSheet, View, Image, Dimensions } from 'react-native';
-import OverflowView from 'react-native-view-overflow';
 import type { ViewProps } from 'ViewPropTypes';
 import type { FlatList, SectionList, ListView } from 'react-native';
 
-const AnimatedOverflow = Animated.createAnimatedComponent(OverflowView);
-
 type ScrollViewProps = {
   onScroll?: ?Function,
   style?: $PropertyType<ViewProps, 'style'>,
@@ -153,16 +150,18 @@ class ImageHeaderScrollView extends Component<Props, State> {
       { opacity: overlayOpacity, backgroundColor: this.props.overlayColor },
     ];
 
+    const disableOverlay =
+      this.props.minOverlayOpacity === this.props.maxOverlayOpacity &&
+      this.props.maxOverlayOpacity === 0;
+
     return (
-      <AnimatedOverflow
-        style={[styles.header, headerTransformStyle, this.props.headerContainerStyle]}
-      >
+      <Animated.View style={[styles.header, headerTransformStyle, this.props.headerContainerStyle]}>
         {this.renderHeaderProps()}
-        {!this.props.disableOverlay && <Animated.View style={overlayStyle} />}
+        {!disableOverlay && <Animated.View style={overlayStyle} />}
         <View style={[styles.fixedForeground, this.props.fixedForegroundContainerStyles]}>
           {this.props.renderFixedForeground()}
         </View>
-      </AnimatedOverflow>
+      </Animated.View>
     );
   }
 
@@ -280,10 +279,6 @@ class ImageHeaderScrollView extends Component<Props, State> {
         <ScrollViewComponent
           scrollEventThrottle={useNativeDriver ? 1 : 16}
           ref={ref => {
-            if (getScrollViewRef) {
-              getScrollViewRef(ref);
-            }
-
             this.scrollViewRef = ref;
           }}
           overScrollMode="never"

src/TriggeringView.js

@@ -13,6 +13,7 @@ type Props = {
   children?: React$Node,
   onLayout?: Function,
   bottomOffset?: number,
+  topOffset?: number,
 };
 
 type DefaultProps = {
@@ -23,6 +24,7 @@ type DefaultProps = {
   onTouchTop: Function,
   onTouchBottom: Function,
   bottomOffset: number,
+  topOffset: number,
 };
 
 type State = {
@@ -58,6 +60,7 @@ class TriggeringView extends Component<Props, State> {
     onTouchTop: () => {},
     onTouchBottom: () => {},
     bottomOffset: 0,
+    topOffset: 0,
   };
 
   constructor(props: Props) {
@@ -107,21 +110,22 @@ class TriggeringView extends Component<Props, State> {
   };
 
   triggerEvents(value: number, top: number, bottom: number) {
-    if (!this.state.touched && value >= top) {
+    const { bottomOffset, topOffset } = this.props;
+    if (!this.state.touched && value >= top + topOffset) {
       this.setState({ touched: true });
       this.props.onBeginHidden();
       this.props.onTouchTop(true);
-    } else if (this.state.touched && value < top) {
+    } else if (this.state.touched && value < top + topOffset) {
       this.setState({ touched: false });
       this.props.onDisplay();
       this.props.onTouchTop(false);
     }
 
-    if (!this.state.hidden && value >= bottom + this.props.bottomOffset) {
+    if (!this.state.hidden && value >= bottom + bottomOffset) {
       this.setState({ hidden: true });
       this.props.onHide();
       this.props.onTouchBottom(true);
-    } else if (this.state.hidden && value < bottom + this.props.bottomOffset) {
+    } else if (this.state.hidden && value < bottom + bottomOffset) {
       this.setState({ hidden: false });
       this.props.onBeginDisplayed();
       this.props.onTouchBottom(false);