Fix header refreshing, remove lib react-fast-compare

Author: letrungduong113

example/package.json

@@ -10,7 +10,7 @@
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx"
   },
   "dependencies": {
-    "flatlist-view-control-rn": "^1.0.3",
+    "flatlist-view-control-rn": "^1.0.4",
     "immer": "^9.0.2",
     "react": "17.0.1",
     "react-native": "0.64.0",

src/RefreshFooter.tsx

@@ -1,5 +1,4 @@
 import React, {memo} from 'react';
-import isEqual from 'react-fast-compare';
 import {
   ActivityIndicator,
   StyleSheet,
@@ -93,7 +92,7 @@ RefreshFooter.defaultProps = {
   footerLoadMoreText: 'Pull up to load more',
 };
 
-export default memo(RefreshFooter, isEqual);
+export default memo(RefreshFooter);
 
 const styles = StyleSheet.create({
   loadingView: {

src/RefreshListView.tsx

@@ -1,5 +1,4 @@
-import React, {Component} from 'react';
-import isEqual from 'react-fast-compare';
+import React, {PureComponent} from 'react';
 import {
   FlatList,
   FlatListProps,
@@ -46,7 +45,7 @@ type State = {
   footerState: RefreshState;
 };
 let callOnScrollEnd = false;
-export default class RefreshListView<ItemT> extends Component<
+export default class RefreshListView<ItemT> extends PureComponent<
   Props<ItemT>,
   State
 > {
@@ -75,9 +74,6 @@ export default class RefreshListView<ItemT> extends Component<
       footerState: RefreshState.Idle, // The current state of the tail, the default is Idle, no controls are displayed
     };
   }
-  shouldComponentUpdate(nextProps: any) {
-    return !isEqual(this.props, nextProps);
-  }
 
   public scrollToIndex = (index: number) => {
     if (this.listRef && this.props.data && this.props.data.length > 0) {
@@ -160,7 +156,7 @@ export default class RefreshListView<ItemT> extends Component<
 
     if (callOnScrollEnd && this.shouldStartFooterRefreshing()) {
       if (offsetY + height >= contentHeight) {
-        // console.log('load more');
+        // console.log("load more");
         this.startFooterRefreshing();
         callOnScrollEnd = false;
       }