chore: update refresh control example (#23)

* chore: install react native hooks

* feat: update refresh control example

Author: kanelloc

example/package.json

@@ -9,6 +9,7 @@
     "web": "expo start --web"
   },
   "dependencies": {
+    "@react-native-community/hooks": "^3.0.0",
     "@react-navigation/native": "^6.1.1",
     "@react-navigation/native-stack": "^6.9.7",
     "expo": "~47.0.9",

example/src/screens/RefreshControlExample.tsx

@@ -4,25 +4,21 @@ import { AnimatedScrollView } from '@kanelloc/react-native-animated-header-scrol
 import { data, isIOS } from '../utils';
 import { RefreshControl, StyleSheet } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
+import { useRefresh } from '@react-native-community/hooks';
 
-const wait = (timeout: any) => {
-  return new Promise((resolve) => setTimeout(resolve, timeout));
+const fetch = () => {
+  return new Promise((resolve) => setTimeout(resolve, 5000));
 };
 
 export const RefreshControlExample = () => {
-  const [refreshing, setRefreshing] = React.useState(false);
-
-  const onRefresh = React.useCallback(() => {
-    setRefreshing(true);
-    wait(2000).then(() => setRefreshing(false));
-  }, []);
+  const { isRefreshing, onRefresh } = useRefresh(fetch);
 
   return (
     <SafeAreaView style={styles.container} edges={['bottom']}>
       <AnimatedScrollView
         refreshControl={
           <RefreshControl
-            refreshing={refreshing}
+            refreshing={isRefreshing}
             onRefresh={onRefresh}
             style={styles.refresh}
             progressViewOffset={32} // Add offset to position correctly progressView in iOS

example/yarn.lock

@@ -1765,6 +1765,11 @@
     prompts "^2.4.0"
     semver "^6.3.0"
 
+"@react-native-community/hooks@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/hooks/-/hooks-3.0.0.tgz#af5f2ca32eea59b792ce9e3d9a4cf0354f9b195f"
+  integrity sha512-g2OyxXHfwIytXUJitBR6Z/ISoOfp0WKx5FOv+NqJ/CrWjRDcTw6zXE5I1C9axfuh30kJqzWchVfCDrkzZYTxqg==
+
 "@react-native/assets@1.0.0":
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/@react-native/assets/-/assets-1.0.0.tgz#c6f9bf63d274bafc8e970628de24986b30a55c8e"