张涛 2 years ago
parent
commit
21472c51ee
1 changed files with 13 additions and 9 deletions
  1. 13
    9
      src/components/PowerList/index.jsx

+ 13
- 9
src/components/PowerList/index.jsx View File

1
-import React, { useEffect } from "react";
1
+import React from "react";
2
 import Taro from "@tarojs/taro";
2
 import Taro from "@tarojs/taro";
3
 import { View } from "@tarojs/components";
3
 import { View } from "@tarojs/components";
4
 import { PowerScrollView } from "@antmjs/vantui";
4
 import { PowerScrollView } from "@antmjs/vantui";
8
   const { request, params, renderItem, onLoadingChange, onDataChange } = props;
8
   const { request, params, renderItem, onLoadingChange, onDataChange } = props;
9
 
9
 
10
   const pageSize = 5;
10
   const pageSize = 5;
11
-  const pageNumRef = React.useRef(1);
11
+  const pageNumRef = React.useRef(0);
12
   const listRef = React.useRef([]);
12
   const listRef = React.useRef([]);
13
   const [loading, setLoading] = React.useState(false);
13
   const [loading, setLoading] = React.useState(false);
14
   const [list, setList] = React.useState([]);
14
   const [list, setList] = React.useState([]);
44
             setList(dataset);
44
             setList(dataset);
45
 
45
 
46
             setFinished(current >= pages);
46
             setFinished(current >= pages);
47
-            console.log("onScrollToLower\n   " + current >= pages);
48
-
49
             changeLoading(false);
47
             changeLoading(false);
50
             resolve();
48
             resolve();
51
           })
49
           })
59
   );
57
   );
60
 
58
 
61
   const refresh = React.useCallback(() => {
59
   const refresh = React.useCallback(() => {
60
+    console.log(pageNumRef);
62
     pageNumRef.current = 1;
61
     pageNumRef.current = 1;
63
-    // setFinished(true)
62
+
64
     queryData({ pageNum: pageNumRef.current });
63
     queryData({ pageNum: pageNumRef.current });
65
     console.log("refresh" + pageNumRef.current);
64
     console.log("refresh" + pageNumRef.current);
66
-    console.log("refresh\n  " + finished);
67
   }, [queryData]);
65
   }, [queryData]);
68
 
66
 
69
   const onScrollToLower = React.useCallback(
67
   const onScrollToLower = React.useCallback(
70
     (event = 0, isRefresh = false) => {
68
     (event = 0, isRefresh = false) => {
71
       console.log("onScrollToLower" + pageNumRef.current);
69
       console.log("onScrollToLower" + pageNumRef.current);
72
-      console.log("onScrollToLower\n   " + finished);
73
       pageNumRef.current += 1;
70
       pageNumRef.current += 1;
74
       queryData({ pageNum: pageNumRef.current });
71
       queryData({ pageNum: pageNumRef.current });
75
-      // setFinished(isRefresh)
76
     },
72
     },
77
     [queryData]
73
     [queryData]
78
   );
74
   );
93
     refresh,
89
     refresh,
94
     updateData: (dt) => setList(dt),
90
     updateData: (dt) => setList(dt),
95
   }));
91
   }));
96
-
92
+  const onScrolls = (e) => {
93
+    console.log(e.target.scrollTop);
94
+  };
95
+  const onClicks = (e) => {
96
+    console.log(132);
97
+    console.log(e);
98
+  };
97
   return (
99
   return (
98
     <PowerScrollView
100
     <PowerScrollView
99
       scrollY
101
       scrollY
104
       finished={finished}
106
       finished={finished}
105
       onScrollToLower={onScrollToLower}
107
       onScrollToLower={onScrollToLower}
106
       style={{ height: "100%", overflowY: "auto" }}
108
       style={{ height: "100%", overflowY: "auto" }}
109
+      onScroll={onScrolls}
110
+      renderLoading={loading ? <view>加载中...</view> : <view></view>}
107
     >
111
     >
108
       {list.map(renderItem)}
112
       {list.map(renderItem)}
109
     </PowerScrollView>
113
     </PowerScrollView>