1111

src/components/PowerList/index.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import React from "react";
 import Taro from "@tarojs/taro";
 import { View } from "@tarojs/components";
 import { PowerScrollView } from "@antmjs/vantui";
@@ -8,7 +8,7 @@ export default React.forwardRef((props, ref) => {
   const { request, params, renderItem, onLoadingChange, onDataChange } = props;
 
   const pageSize = 5;
-  const pageNumRef = React.useRef(1);
+  const pageNumRef = React.useRef(0);
   const listRef = React.useRef([]);
   const [loading, setLoading] = React.useState(false);
   const [list, setList] = React.useState([]);
@@ -44,8 +44,6 @@ export default React.forwardRef((props, ref) => {
             setList(dataset);
 
             setFinished(current >= pages);
-            console.log("onScrollToLower\n   " + current >= pages);
-
             changeLoading(false);
             resolve();
           })
@@ -59,20 +57,18 @@ export default React.forwardRef((props, ref) => {
   );
 
   const refresh = React.useCallback(() => {
+    console.log(pageNumRef);
     pageNumRef.current = 1;
-    // setFinished(true)
+
     queryData({ pageNum: pageNumRef.current });
     console.log("refresh" + pageNumRef.current);
-    console.log("refresh\n  " + finished);
   }, [queryData]);
 
   const onScrollToLower = React.useCallback(
     (event = 0, isRefresh = false) => {
       console.log("onScrollToLower" + pageNumRef.current);
-      console.log("onScrollToLower\n   " + finished);
       pageNumRef.current += 1;
       queryData({ pageNum: pageNumRef.current });
-      // setFinished(isRefresh)
     },
     [queryData]
   );
@@ -93,7 +89,13 @@ export default React.forwardRef((props, ref) => {
     refresh,
     updateData: (dt) => setList(dt),
   }));
-
+  const onScrolls = (e) => {
+    console.log(e.target.scrollTop);
+  };
+  const onClicks = (e) => {
+    console.log(132);
+    console.log(e);
+  };
   return (
     <PowerScrollView
       scrollY
@@ -104,6 +106,8 @@ export default React.forwardRef((props, ref) => {
       finished={finished}
       onScrollToLower={onScrollToLower}
       style={{ height: "100%", overflowY: "auto" }}
+      onScroll={onScrolls}
+      renderLoading={loading ? <view>加载中...</view> : <view></view>}
     >
       {list.map(renderItem)}
     </PowerScrollView>