公共添加

src/components/infiniteScroll/index.tsx

@@ -9,12 +9,54 @@ type Params = {
     hasMore?: false|true,
     children?: ReactNode,
     lowerThresholdNum?: number,
-    paddingBottom?: number
+    selfOnScrollToUpper?:() => void
+    selfOnScroll?:(val:any) => void
+    selfOnRefresherPulling?: () => void
+    selfOnRefresherRefresh?: () => void
+    selfOnRefresherRestore?: () => void
+    selfOnRefresherAbort?: () => void
+    paddingBottom?: number,
+    refresherTriggered?: true|false,
+    refresherEnabled?: true|false
 }
-export default memo(({styleObj, selfonScrollToLower, hasMore=true, children, lowerThresholdNum = 5, paddingBottom = 0}: Params) => {
+export default memo(({
+    styleObj, 
+    selfonScrollToLower, 
+    selfOnScrollToUpper,
+    selfOnScroll,
+    selfOnRefresherPulling,
+    selfOnRefresherRefresh,
+    selfOnRefresherRestore,
+    selfOnRefresherAbort,
+    hasMore=true, 
+    children, 
+    lowerThresholdNum = 5, 
+    paddingBottom = 0,
+    refresherTriggered = false,
+    refresherEnabled = false
+}: Params) => {
     const scrollToLower = () => {
         selfonScrollToLower?.()
     }
+    const scrollToUpper = () => {
+        selfOnScrollToUpper?.()
+    }
+    const scroll = (e) => {
+        selfOnScroll?.(e)
+    }
+    const refresherPulling = () => {
+        selfOnRefresherPulling?.()
+    }
+    const refresherRefresh = () => {
+        selfOnRefresherRefresh?.()
+    }
+    const refresherRestore = () => {
+        selfOnRefresherRestore?.()
+    }
+    const refresherAbort = () => {
+        selfOnRefresherAbort?.()
+    }
+
     return (
         <>
             <ScrollView 
@@ -22,7 +64,16 @@ export default memo(({styleObj, selfonScrollToLower, hasMore=true, children, low
                 className={style.scroll_main} 
                 scrollY 
                 onScrollToLower={() => scrollToLower()}
+                onScrollToUpper={() => scrollToUpper()}
+                onScroll={(e) => scroll(e)}
                 lowerThreshold={lowerThresholdNum}
+                refresherEnabled = {refresherEnabled}
+                refresherTriggered = {refresherTriggered}
+                onRefresherPulling = {() => refresherPulling()}
+                onRefresherRefresh = {() => refresherRefresh()}
+                onRefresherRestore = {() => refresherRestore()}
+                onRefresherAbort = {() => refresherAbort()}
+                refresherBackground ='#ccc'
             >
                 <View style={{paddingBottom:paddingBottom + 'rpx'}}>
                     {children}