封装请求hook

src/components/infiniteScroll/index.tsx

@@ -75,7 +75,7 @@ export default memo(({
                 onRefresherRefresh = {() => refresherRefresh()}
                 onRefresherRestore = {() => refresherRestore()}
                 onRefresherAbort = {() => refresherAbort()}
-                refresherBackground ='#ccc'
+                refresherBackground ='#F8F8F8'
             >
                 <View style={{paddingBottom:paddingBottom + 'rpx'}}>
                     {children}

src/components/shopCart/index.tsx

@@ -112,7 +112,7 @@ export default ({show = false, onClose}: param) => {
                     </View>
                     <View className={styles.con}>
                         {loading&&<LoadingCard/>}
-                        {!loading&&list.length > 0&&<InfiniteScroll selfonScrollToLower={() => {console.log('触底了')}} paddingBottom={100}>
+                        {!loading&&list.length > 0&&<InfiniteScroll  refresherTriggered={true} refresherEnabled={true} selfonScrollToLower={() => {console.log('触底了')}} paddingBottom={100}>
                             <View className={styles.product_list}>
                                 {list.map((item, index) => {
                                     return <View key={index} className={styles.product_item}>
@@ -124,7 +124,7 @@ export default ({show = false, onClose}: param) => {
                                         </View>
                                         <View className={styles.des}>
                                             <View className={styles.title}>{item.title}</View>
-                                            <View className={styles.subtitle}>0770# 21S单面平纹(食毛)</View>
+                                            <View className={styles.subtitle}>07703# 21S单面平纹(食毛)</View>
                                             <View className={styles.tag}>剪板</View>
                                         </View>
                                         <View className={styles.count}>

src/components/sideBar/index.tsx

@@ -16,10 +16,20 @@ type Params = {
     children?: ReactNode,
     height?: string,
     heightItem?: number,
-    sideBarOnClick?: (ListProps) => void
+    sideBarOnClick?: (ListProps) => void,
+    refresherTriggered?: true|false,
+    selfOnRefresherRefresh?: () => void
 }
 
-export default memo(({list = [], defaultValue = 0, height='100vh', sideBarOnClick, children, heightItem = 100}: Params) => {
+export default memo(({list = [], 
+    defaultValue = 0, 
+    height='100vh', 
+    sideBarOnClick, 
+    children, 
+    heightItem = 100, 
+    refresherTriggered = false,
+    selfOnRefresherRefresh
+}: Params) => {
     
     let num_half = useRef(0)
 
@@ -94,7 +104,7 @@ export default memo(({list = [], defaultValue = 0, height='100vh', sideBarOnClic
                     <View className="common_safe_area_y"></View>
                 </ScrollView>
                 <View className={styles.sideBar_con}>
-                    <InfiniteScroll selfonScrollToLower={() => onScrolltolower()}>
+                    <InfiniteScroll selfonScrollToLower={() => onScrolltolower()} refresherTriggered={refresherTriggered} refresherEnabled={true} selfOnRefresherRefresh={() => selfOnRefresherRefresh?.()}>
                         {children}
                     </InfiniteScroll>
                 </View>