From 276e23354df0172c3a060ef1f979f11fdbcb50d1 Mon Sep 17 00:00:00 2001
From: nyne <me@nyne.dev>
Date: Thu, 3 Apr 2025 11:53:43 +0800
Subject: [PATCH] Smooth scroll for comments page.

---
 .../comic_details_page/comments_page.dart     | 110 +++++++++---------
 1 file changed, 58 insertions(+), 52 deletions(-)

diff --git a/lib/pages/comic_details_page/comments_page.dart b/lib/pages/comic_details_page/comments_page.dart
index 0240c46..5772929 100644
--- a/lib/pages/comic_details_page/comments_page.dart
+++ b/lib/pages/comic_details_page/comments_page.dart
@@ -99,61 +99,67 @@ class _CommentsPageState extends State<CommentsPage> {
       return Column(
         children: [
           Expanded(
-            child: ListView.builder(
-              primary: false,
-              padding: EdgeInsets.zero,
-              itemCount: _comments!.length + 2,
-              itemBuilder: (context, index) {
-                if (index == 0) {
-                  if (widget.replyComment != null) {
-                    return Column(
-                      children: [
-                        _CommentTile(
-                          comment: widget.replyComment!,
-                          source: widget.source,
-                          comic: widget.data,
-                          showAvatar: showAvatar,
-                          showActions: false,
-                        ),
-                        const SizedBox(height: 8),
-                        Container(
-                          alignment: Alignment.centerLeft,
-                          padding: const EdgeInsets.all(16),
-                          decoration: BoxDecoration(
-                            border: Border(
-                              top: BorderSide(
-                                color: context.colorScheme.outlineVariant,
-                                width: 0.6,
+            child: SmoothScrollProvider(
+              builder: (context, controller, physics) {
+                return ListView.builder(
+                  controller: controller,
+                  physics: physics,
+                  primary: false,
+                  padding: EdgeInsets.zero,
+                  itemCount: _comments!.length + 2,
+                  itemBuilder: (context, index) {
+                    if (index == 0) {
+                      if (widget.replyComment != null) {
+                        return Column(
+                          children: [
+                            _CommentTile(
+                              comment: widget.replyComment!,
+                              source: widget.source,
+                              comic: widget.data,
+                              showAvatar: showAvatar,
+                              showActions: false,
+                            ),
+                            const SizedBox(height: 8),
+                            Container(
+                              alignment: Alignment.centerLeft,
+                              padding: const EdgeInsets.all(16),
+                              decoration: BoxDecoration(
+                                border: Border(
+                                  top: BorderSide(
+                                    color: context.colorScheme.outlineVariant,
+                                    width: 0.6,
+                                  ),
+                                ),
+                              ),
+                              child: Text(
+                                "Replies".tl,
+                                style: ts.s18,
                               ),
                             ),
-                          ),
-                          child: Text(
-                            "Replies".tl,
-                            style: ts.s18,
-                          ),
-                        ),
-                      ],
+                          ],
+                        );
+                      } else {
+                        return const SizedBox();
+                      }
+                    }
+                    index--;
+
+                    if (index == _comments!.length) {
+                      if (_page < (maxPage ?? _page + 1)) {
+                        loadMore();
+                        return const ListLoadingIndicator();
+                      } else {
+                        return const SizedBox();
+                      }
+                    }
+
+                    return _CommentTile(
+                      comment: _comments![index],
+                      source: widget.source,
+                      comic: widget.data,
+                      showAvatar: showAvatar,
                     );
-                  } else {
-                    return const SizedBox();
-                  }
-                }
-                index--;
-
-                if (index == _comments!.length) {
-                  if (_page < (maxPage ?? _page + 1)) {
-                    loadMore();
-                    return const ListLoadingIndicator();
-                  } else {
-                    return const SizedBox();
-                  }
-                }
-
-                return _CommentTile(
-                  comment: _comments![index],
-                  source: widget.source,
-                  comic: widget.data,
-                  showAvatar: showAvatar,
+                  },
                 );
               },
             ),