fix: listsheet scrolled multiple times

lib/common/widgets/list_sheet.dart

@@ -7,13 +7,6 @@ import '../../utils/storage.dart';
 import '../../utils/utils.dart';
 
 class ListSheet {
-  final dynamic episodes;
-  final String? bvid;
-  final int? aid;
-  final int currentCid;
-  final Function changeFucCall;
-  final BuildContext context;
-  PersistentBottomSheetController? bottomSheetController;
   ListSheet({
     required this.episodes,
     this.bvid,
@@ -22,13 +15,71 @@ class ListSheet {
     required this.changeFucCall,
     required this.context,
   });
+
+  final dynamic episodes;
+  final String? bvid;
+  final int? aid;
+  final int currentCid;
+  final Function changeFucCall;
+  final BuildContext context;
+
+  late PersistentBottomSheetController bottomSheetController;
+
+  void buildShowBottomSheet() {
+    bottomSheetController = showBottomSheet(
+        context: context,
+        builder: (context) => ListSheetContent(
+              episodes: episodes,
+              bvid: bvid,
+              aid: aid,
+              currentCid: currentCid,
+              changeFucCall: changeFucCall,
+              onClose: bottomSheetController.close,
+            ));
+  }
+}
+
+class ListSheetContent extends StatefulWidget {
+  const ListSheetContent({
+    super.key,
+    required this.episodes,
+    this.bvid,
+    this.aid,
+    required this.currentCid,
+    required this.changeFucCall,
+    required this.onClose,
+  });
+
+  final dynamic episodes;
+  final String? bvid;
+  final int? aid;
+  final int currentCid;
+  final Function changeFucCall;
+  final Function() onClose;
+
+  @override
+  State<ListSheetContent> createState() => _ListSheetContentState();
+}
+
+class _ListSheetContentState extends State<ListSheetContent> {
+  final ItemScrollController itemScrollController = ItemScrollController();
+  late final int currentIndex =
+      widget.episodes!.indexWhere((dynamic e) => e.cid == widget.currentCid) ??
+          0;
   bool reverse = false;
 
+  @override
+  void initState() {
+    super.initState();
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      itemScrollController.jumpTo(index: currentIndex);
+    });
+  }
+
   Widget buildEpisodeListItem(
     dynamic episode,
     int index,
     bool isCurrentIndex,
-    PersistentBottomSheetController bottomSheetController,
   ) {
     Color primary = Theme.of(context).colorScheme.primary;
     late String title;
@@ -58,11 +109,11 @@ class ListSheet {
           }
         }
         SmartDialog.showToast('切换到：$title');
-        bottomSheetController.close();
+        widget.onClose();
         if (episode.runtimeType.toString() == "EpisodeItem") {
-          changeFucCall(episode.bvid, episode.cid, episode.aid);
+          widget.changeFucCall(episode.bvid, episode.cid, episode.aid);
         } else {
-          changeFucCall(bvid!, episode.cid, aid!);
+          widget.changeFucCall(widget.bvid!, episode.cid, widget.aid!);
         }
       },
       dense: false,
@@ -95,21 +146,11 @@ class ListSheet {
     );
   }
 
-  void buildShowBottomSheet() {
+  @override
-    int currentIndex =
+  Widget build(BuildContext context) {
-        episodes!.indexWhere((dynamic e) => e.cid == currentCid) ?? 0;
-    final ItemScrollController itemScrollController = ItemScrollController();
-    bottomSheetController = showBottomSheet(
-      context: context,
-      builder: (BuildContext context) {
-        return StatefulBuilder(
-            builder: (BuildContext context, StateSetter setState) {
-          WidgetsBinding.instance.addPostFrameCallback((_) async {
-            itemScrollController.jumpTo(index: currentIndex);
-          });
     return Container(
       height: Utils.getSheetHeight(context),
-            color: Theme.of(context).colorScheme.background,
+      color: Theme.of(context).colorScheme.surface,
       child: Column(
         children: [
           Container(
@@ -118,15 +159,16 @@ class ListSheet {
             child: Row(
               children: [
                 Text(
-                        '合集（${episodes!.length}）',
+                  '合集（${widget.episodes!.length}）',
                   style: Theme.of(context).textTheme.titleMedium,
                 ),
                 IconButton(
                   tooltip: '跳至顶部',
                   icon: const Icon(Icons.vertical_align_top),
                   onPressed: () {
-                          itemScrollController.jumpTo(
+                    itemScrollController.scrollTo(
-                            index: !reverse ? 0 : episodes!.length - 1,
+                      index: !reverse ? 0 : widget.episodes!.length - 1,
+                      duration: const Duration(milliseconds: 200),
                     );
                   },
                 ),
@@ -134,8 +176,9 @@ class ListSheet {
                   tooltip: '跳至底部',
                   icon: const Icon(Icons.vertical_align_bottom),
                   onPressed: () {
-                          itemScrollController.jumpTo(
+                    itemScrollController.scrollTo(
-                            index: !reverse ? episodes!.length - 1 : 0,
+                      index: !reverse ? widget.episodes!.length - 1 : 0,
+                      duration: const Duration(milliseconds: 200),
                     );
                   },
                 ),
@@ -154,7 +197,7 @@ class ListSheet {
                 IconButton(
                   tooltip: '关闭',
                   icon: const Icon(Icons.close),
-                        onPressed: () => bottomSheetController!.close(),
+                  onPressed: widget.onClose,
                 ),
               ],
             ),
@@ -169,13 +212,12 @@ class ListSheet {
                 padding: EdgeInsets.only(
                     bottom: MediaQuery.of(context).padding.bottom + 20),
                 reverse: reverse,
-                      itemCount: episodes!.length,
+                itemCount: widget.episodes!.length,
                 itemBuilder: (BuildContext context, int index) {
                   return buildEpisodeListItem(
-                          episodes![index],
+                    widget.episodes![index],
                     index,
                     currentIndex == index,
-                          bottomSheetController!,
                   );
                 },
                 itemScrollController: itemScrollController,
@@ -189,8 +231,5 @@ class ListSheet {
         ],
       ),
     );
-        });
-      },
-    );
   }
 }