refa persistent header & dynamic sliver appbar

Signed-off-by: dom <githubaccount56556@proton.me>
2026-05-31 08:08:19 +08:00 · 2026-03-02 16:16:17 +08:00
parent 1dbc54f063
commit 9c7b18710c
30 changed files with 1691 additions and 883 deletions
--- a/lib/pages/video/member/view.dart
+++ b/lib/pages/video/member/view.dart
@@ -1,3 +1,4 @@
+import 'package:PiliPlus/common/constants.dart';
 import 'package:PiliPlus/common/skeleton/video_card_h.dart';
 import 'package:PiliPlus/common/widgets/flutter/refresh_indicator.dart';
 import 'package:PiliPlus/common/widgets/image/network_img_layer.dart';
@@ -136,24 +137,22 @@ class _HorizontalMemberPageState extends State<HorizontalMemberPage> {
              );
            },
          ),
-          SizedBox(
-            height: 35,
-            child: TextButton.icon(
-              onPressed: () => _controller
-                ..lastAid = widget.videoDetailController.aid.toString()
-                ..queryBySort(),
-              icon: Icon(
-                Icons.sort,
-                size: 16,
-                color: theme.colorScheme.secondary,
-              ),
-              label: Obx(
-                () => Text(
-                  _controller.order.value == 'pubdate' ? '最新发布' : '最多播放',
-                  style: TextStyle(
-                    fontSize: 13,
-                    color: theme.colorScheme.secondary,
-                  ),
+          TextButton.icon(
+            style: StyleString.buttonStyle,
+            onPressed: () => _controller
+              ..lastAid = widget.videoDetailController.aid.toString()
+              ..queryBySort(),
+            icon: Icon(
+              Icons.sort,
+              size: 16,
+              color: theme.colorScheme.secondary,
+            ),
+            label: Obx(
+              () => Text(
+                _controller.order.value == 'pubdate' ? '最新发布' : '最多播放',
+                style: TextStyle(
+                  fontSize: 13,
+                  color: theme.colorScheme.secondary,
                ),
              ),
            ),
--- a/lib/pages/video/reply/view.dart
+++ b/lib/pages/video/reply/view.dart
@@ -1,7 +1,8 @@
+import 'package:PiliPlus/common/constants.dart';
 import 'package:PiliPlus/common/skeleton/video_reply.dart';
-import 'package:PiliPlus/common/widgets/custom_sliver_persistent_header_delegate.dart';
 import 'package:PiliPlus/common/widgets/flutter/refresh_indicator.dart';
 import 'package:PiliPlus/common/widgets/loading_widget/http_error.dart';
+import 'package:PiliPlus/common/widgets/sliver/sliver_floating_header.dart';
 import 'package:PiliPlus/grpc/bilibili/main/community/reply/v1.pb.dart'
    show ReplyInfo;
 import 'package:PiliPlus/http/loading_state.dart';
@@ -83,47 +84,39 @@ class _VideoReplyPanelState extends State<VideoReplyPanel>
                  : _videoReplyController.scrollController,
              physics: const AlwaysScrollableScrollPhysics(),
              key: const PageStorageKey(_VideoReplyPanelState),
-              slivers: <Widget>[
-                SliverPersistentHeader(
-                  pinned: false,
-                  floating: true,
-                  delegate: CustomSliverPersistentHeaderDelegate(
-                    extent: 40,
-                    bgColor: theme.colorScheme.surface,
-                    child: Container(
-                      height: 40,
-                      padding: const EdgeInsets.fromLTRB(12, 0, 6, 0),
-                      child: Row(
-                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                        children: [
-                          Obx(
-                            () => Text(
-                              _videoReplyController.sortType.value.title,
-                              style: const TextStyle(fontSize: 13),
-                            ),
+              slivers: [
+                SliverFloatingHeaderWidget(
+                  backgroundColor: theme.colorScheme.surface,
+                  child: Padding(
+                    padding: const .fromLTRB(12, 2.5, 6, 2.5),
+                    child: Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      children: [
+                        Obx(
+                          () => Text(
+                            _videoReplyController.sortType.value.title,
+                            style: const TextStyle(fontSize: 13),
                          ),
-                          SizedBox(
-                            height: 35,
-                            child: TextButton.icon(
-                              onPressed: _videoReplyController.queryBySort,
-                              icon: Icon(
-                                Icons.sort,
-                                size: 16,
+                        ),
+                        TextButton.icon(
+                          style: StyleString.buttonStyle,
+                          onPressed: _videoReplyController.queryBySort,
+                          icon: Icon(
+                            Icons.sort,
+                            size: 16,
+                            color: theme.colorScheme.secondary,
+                          ),
+                          label: Obx(
+                            () => Text(
+                              _videoReplyController.sortType.value.label,
+                              style: TextStyle(
+                                fontSize: 13,
                                color: theme.colorScheme.secondary,
                              ),
-                              label: Obx(
-                                () => Text(
-                                  _videoReplyController.sortType.value.label,
-                                  style: TextStyle(
-                                    fontSize: 13,
-                                    color: theme.colorScheme.secondary,
-                                  ),
-                                ),
-                              ),
                            ),
                          ),
-                        ],
-                      ),
+                        ),
+                      ],
                    ),
                  ),
                ),
--- a/lib/pages/video/reply_reply/view.dart
+++ b/lib/pages/video/reply_reply/view.dart
@@ -1,8 +1,9 @@
+import 'package:PiliPlus/common/constants.dart';
 import 'package:PiliPlus/common/skeleton/video_reply.dart';
 import 'package:PiliPlus/common/widgets/colored_box_transition.dart';
-import 'package:PiliPlus/common/widgets/custom_sliver_persistent_header_delegate.dart';
 import 'package:PiliPlus/common/widgets/flutter/refresh_indicator.dart';
 import 'package:PiliPlus/common/widgets/loading_widget/http_error.dart';
+import 'package:PiliPlus/common/widgets/sliver/sliver_pinned_header.dart';
 import 'package:PiliPlus/common/widgets/view_safe_area.dart';
 import 'package:PiliPlus/grpc/bilibili/main/community/reply/v1.pb.dart'
    show ReplyInfo, Mode;
@@ -240,52 +241,43 @@ class _VideoReplyReplyPanelState extends State<VideoReplyReplyPanel>
  }

  Widget _sortWidget(ThemeData theme) {
-    return SliverPersistentHeader(
-      pinned: true,
-      delegate: CustomSliverPersistentHeaderDelegate(
-        extent: 40,
-        bgColor: theme.colorScheme.surface,
-        child: Container(
-          height: 40,
-          padding: const EdgeInsets.fromLTRB(12, 0, 6, 0),
-          child: Row(
-            mainAxisAlignment: MainAxisAlignment.spaceBetween,
-            children: [
-              Obx(
-                () {
-                  final count = _controller.count.value;
-                  return count != -1
-                      ? Text(
-                          '相关回复共${NumUtils.numFormat(count)}条',
-                          style: const TextStyle(fontSize: 13),
-                        )
-                      : const SizedBox.shrink();
-                },
+    return SliverPinnedHeader(
+      backgroundColor: theme.colorScheme.surface,
+      child: Padding(
+        padding: const EdgeInsets.fromLTRB(12, 2.5, 6, 2.5),
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            Obx(
+              () {
+                final count = _controller.count.value;
+                return count != -1
+                    ? Text(
+                        '相关回复共${NumUtils.numFormat(count)}条',
+                        style: const TextStyle(fontSize: 13),
+                      )
+                    : const SizedBox.shrink();
+              },
+            ),
+            TextButton.icon(
+              style: StyleString.buttonStyle,
+              onPressed: _controller.queryBySort,
+              icon: Icon(
+                Icons.sort,
+                size: 16,
+                color: theme.colorScheme.secondary,
              ),
-              SizedBox(
-                height: 35,
-                child: TextButton.icon(
-                  onPressed: _controller.queryBySort,
-                  icon: Icon(
-                    Icons.sort,
-                    size: 16,
+              label: Obx(
+                () => Text(
+                  _controller.mode.value == Mode.MAIN_LIST_HOT ? '按热度' : '按时间',
+                  style: TextStyle(
+                    fontSize: 13,
                    color: theme.colorScheme.secondary,
                  ),
-                  label: Obx(
-                    () => Text(
-                      _controller.mode.value == Mode.MAIN_LIST_HOT
-                          ? '按热度'
-                          : '按时间',
-                      style: TextStyle(
-                        fontSize: 13,
-                        color: theme.colorScheme.secondary,
-                      ),
-                    ),
-                  ),
                ),
              ),
-            ],
-          ),
+            ),
+          ],
        ),
      ),
    );
--- a/lib/pages/video/view.dart
+++ b/lib/pages/video/view.dart
@@ -9,6 +9,7 @@ import 'package:PiliPlus/common/widgets/image/network_img_layer.dart';
 import 'package:PiliPlus/common/widgets/image_viewer/hero_dialog_route.dart';
 import 'package:PiliPlus/common/widgets/keep_alive_wrapper.dart';
 import 'package:PiliPlus/common/widgets/scroll_physics.dart';
+import 'package:PiliPlus/common/widgets/sliver/sliver_pinned_dynamic_header.dart';
 import 'package:PiliPlus/http/loading_state.dart';
 import 'package:PiliPlus/main.dart';
 import 'package:PiliPlus/models/common/episode_panel_type.dart';
@@ -648,14 +649,10 @@ class _VideoDetailPageVState extends State<VideoDetailPageV>
                  ? animHeight
                  : videoDetailController.videoHeight;
              return [
-                SliverAppBar(
-                  elevation: 0,
-                  scrolledUnderElevation: 0,
-                  primary: false,
-                  automaticallyImplyLeading: false,
-                  pinned: true,
-                  expandedHeight: height,
-                  flexibleSpace: Stack(
+                SliverPinnedDynamicHeader(
+                  minExtent: kToolbarHeight,
+                  maxExtent: height,
+                  child: Stack(
                    clipBehavior: Clip.none,
                    children: [
                      SizedBox(