fix(home): 优化短剧列表下拉刷新体验

2026-10-22 19:11:30 +08:00
1 parent f69a27bb80
commit 7945f3ffed
@@ -33,60 +33,68 @@ class RecommendSectionsView extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
-    final l10n = AppLocalizations.of(context)!;
-    final source = feedController.dramas;
-    final hits = [...source]
-      ..sort((a, b) => b.viewCount.compareTo(a.viewCount));
-    final newest = [...source]
-      ..sort((a, b) {
-        final left = publishedAtForDrama(a);
-        final right = publishedAtForDrama(b);
-        if (left == null && right == null) return b.id.compareTo(a.id);
-        if (left == null) return 1;
-        if (right == null) return -1;
-        return right.compareTo(left);
-      });
-    return AppPullToRefresh(
-      key: const Key('recommend-sections-refresh'),
-      onRefresh: () async {
-        await Future.wait([feedController.refreshCurrent(), categories.load()]);
+    return ListenableBuilder(
+      listenable: Listenable.merge([feedController, categories]),
+      builder: (context, _) {
+        final l10n = AppLocalizations.of(context)!;
+        final source = feedController.dramas;
+        final hits = [...source]
+          ..sort((a, b) => b.viewCount.compareTo(a.viewCount));
+        final newest = [...source]
+          ..sort((a, b) {
+            final left = publishedAtForDrama(a);
+            final right = publishedAtForDrama(b);
+            if (left == null && right == null) return b.id.compareTo(a.id);
+            if (left == null) return 1;
+            if (right == null) return -1;
+            return right.compareTo(left);
+          });
+        return AppPullToRefresh(
+          key: const Key('recommend-sections-refresh'),
+          onRefresh: () async {
+            await Future.wait([
+              feedController.refreshCurrent(),
+              categories.load(),
+            ]);
+          },
+          child: ListView(
+            key: const Key('recommend-sections-scroll'),
+            physics: AppPullToRefresh.physics,
+            padding: const EdgeInsets.only(bottom: AppDimens.spaceXl),
+            children: [
+              _section(
+                context,
+                l10n,
+                key: 'hits',
+                title: l10n.weeklyHitsTitle,
+                subtitle: l10n.weeklyHitsSubtitle,
+                dramas: hits.take(10).toList(),
+                onMore: () => onMore(RecommendSectionKind.hits),
+              ),
+              const SizedBox(height: AppDimens.spaceXl),
+              _section(
+                context,
+                l10n,
+                key: 'new',
+                title: l10n.weeklyNewTitle,
+                subtitle: l10n.weeklyNewSubtitle,
+                dramas: newest.take(10).toList(),
+                onMore: () => onMore(RecommendSectionKind.newReleases),
+              ),
+              const SizedBox(height: AppDimens.spaceXl),
+              _section(
+                context,
+                l10n,
+                key: 'costume',
+                title: l10n.costumeAwardsTitle,
+                subtitle: l10n.costumeAwardsSubtitle,
+                dramas: _costumeDramas(source),
+                onMore: () => onMore(RecommendSectionKind.costume),
+              ),
+            ],
+          ),
+        );
      },
-      child: ListView(
-        key: const Key('recommend-sections-scroll'),
-        physics: AppPullToRefresh.physics,
-        padding: const EdgeInsets.only(bottom: AppDimens.spaceXl),
-        children: [
-          _section(
-            context,
-            l10n,
-            key: 'hits',
-            title: l10n.weeklyHitsTitle,
-            subtitle: l10n.weeklyHitsSubtitle,
-            dramas: hits.take(10).toList(),
-            onMore: () => onMore(RecommendSectionKind.hits),
-          ),
-          const SizedBox(height: AppDimens.spaceXl),
-          _section(
-            context,
-            l10n,
-            key: 'new',
-            title: l10n.weeklyNewTitle,
-            subtitle: l10n.weeklyNewSubtitle,
-            dramas: newest.take(10).toList(),
-            onMore: () => onMore(RecommendSectionKind.newReleases),
-          ),
-          const SizedBox(height: AppDimens.spaceXl),
-          _section(
-            context,
-            l10n,
-            key: 'costume',
-            title: l10n.costumeAwardsTitle,
-            subtitle: l10n.costumeAwardsSubtitle,
-            dramas: _costumeDramas(source),
-            onMore: () => onMore(RecommendSectionKind.costume),
-          ),
-        ],
-      ),
    );
  }