mod: 评论刷新、翻页

lib/pages/video/detail/reply/view.dart

@@ -17,64 +17,95 @@ class _VideoReplyPanelState extends State<VideoReplyPanel>
     with AutomaticKeepAliveClientMixin {
   final VideoReplyController _videoReplyController =
       Get.put(VideoReplyController(), tag: Get.arguments['heroTag']);
-
+  // List<ReplyItemModel>? replyList;
+  Future? _futureBuilderFuture;
   // 添加页面缓存
   @override
   bool get wantKeepAlive => true;
 
   @override
-  Widget build(BuildContext context) {
-    return FutureBuilder(
-      future: _videoReplyController.queryReplyList(),
-      builder: (context, snapshot) {
-        if (snapshot.connectionState == ConnectionState.done) {
-          if (snapshot.data['status']) {
-            List<ReplyItemModel> replies = snapshot.data['data'].replies;
-            // 添加置顶回复
-            if (snapshot.data['data'].upper.top != null) {
-              bool flag = false;
-              for (var i = 0;
-                  i < snapshot.data['data'].topReplies.length;
-                  i++) {
-                if (snapshot.data['data'].topReplies[i].rpid ==
-                    snapshot.data['data'].upper.top.rpid) {
-                  flag = true;
-                }
-              }
-              if (!flag) {
-                replies.insert(0, snapshot.data['data'].upper.top);
-              }
-            }
+  void initState() {
+    super.initState();
 
-            replies.insertAll(0, snapshot.data['data'].topReplies);
-            // 请求成功
-            return SliverList(
-                delegate: SliverChildBuilderDelegate((context, index) {
-              if (index == replies.length) {
-                return SizedBox(height: MediaQuery.of(context).padding.bottom);
-              } else {
-                return ReplyItem(
-                    replyItem: replies[index],
-                    isUp:
-                        replies[index].mid == snapshot.data['data'].upper.mid);
-              }
-            }, childCount: replies.length + 1));
-          } else {
-            // 请求错误
-            return HttpError(
-              errMsg: snapshot.data['msg'],
-              fn: () => setState(() {}),
-            );
+    _futureBuilderFuture = _videoReplyController.queryReplyList();
+    _videoReplyController.scrollController.addListener(
+      () {
+        if (_videoReplyController.scrollController.position.pixels >=
+            _videoReplyController.scrollController.position.maxScrollExtent -
+                300) {
+          if (!_videoReplyController.isLoadingMore) {
+            _videoReplyController.onLoad();
           }
-        } else {
-          // 骨架屏
-          return SliverList(
-            delegate: SliverChildBuilderDelegate((context, index) {
-              return const VideoCardHSkeleton();
-            }, childCount: 5),
-          );
         }
       },
     );
   }
+
+  @override
+  Widget build(BuildContext context) {
+    return RefreshIndicator(
+      onRefresh: () async {
+        setState(() {});
+        _videoReplyController.currentPage = 0;
+        return await _videoReplyController.queryReplyList();
+      },
+      child: CustomScrollView(
+        controller: _videoReplyController.scrollController,
+        key: const PageStorageKey<String>('评论'),
+        slivers: <Widget>[
+          FutureBuilder(
+            future: _futureBuilderFuture,
+            builder: (context, snapshot) {
+              if (snapshot.connectionState == ConnectionState.done) {
+                Map data = snapshot.data as Map;
+                if (data['status']) {
+                  // 请求成功
+                  return Obx(
+                    () => SliverList(
+                      delegate: SliverChildBuilderDelegate(
+                        (context, index) {
+                          if (index == _videoReplyController.replyList.length) {
+                            return Container(
+                              padding: EdgeInsets.only(
+                                  bottom:
+                                      MediaQuery.of(context).padding.bottom),
+                              height:
+                                  MediaQuery.of(context).padding.bottom + 60,
+                              child: Center(
+                                child: Text(_videoReplyController.noMore
+                                    ? '没有更多了'
+                                    : '加载中'),
+                              ),
+                            );
+                          } else {
+                            return ReplyItem(
+                              replyItem: _videoReplyController.replyList[index],
+                            );
+                          }
+                        },
+                        childCount: _videoReplyController.replyList.length + 1,
+                      ),
+                    ),
+                  );
+                } else {
+                  // 请求错误
+                  return HttpError(
+                    errMsg: data['msg'],
+                    fn: () => setState(() {}),
+                  );
+                }
+              } else {
+                // 骨架屏
+                return SliverList(
+                  delegate: SliverChildBuilderDelegate((context, index) {
+                    return const VideoCardHSkeleton();
+                  }, childCount: 5),
+                );
+              }
+            },
+          )
+        ],
+      ),
+    );
+  }
 }