opt: btn, stack

Closes #775

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>

lib/common/widgets/image_save.dart

@@ -28,6 +28,7 @@ void imageSaveDialog({
           mainAxisSize: MainAxisSize.min,
           children: [
             Stack(
+              clipBehavior: Clip.none,
               children: [
                 GestureDetector(
                   onTap: SmartDialog.dismiss,

lib/common/widgets/image_view.dart

@@ -138,6 +138,7 @@ Widget imageView(
           }
         },
         child: Stack(
+          clipBehavior: Clip.none,
           alignment: Alignment.center,
           children: [
             ClipRRect(

lib/common/widgets/interactiveviewer_gallery/interactiveviewer_gallery.dart

@@ -276,6 +276,7 @@ class _InteractiveviewerGalleryState extends State<InteractiveviewerGallery>
   @override
   Widget build(BuildContext context) {
     return Stack(
+      clipBehavior: Clip.none,
       children: [
         InteractiveViewerBoundary(
           controller: _transformationController,
@@ -344,6 +345,7 @@ class _InteractiveviewerGalleryState extends State<InteractiveviewerGallery>
                   )
                 : null,
             child: Stack(
+              clipBehavior: Clip.none,
               alignment: Alignment.center,
               children: [
                 Align(

lib/common/widgets/nine_grid_view.dart

@@ -172,6 +172,7 @@ class _NineGridViewState extends State<NineGridView> {
           )));
     }
     return Stack(
+      clipBehavior: Clip.none,
       children: list,
     );
   }
@@ -260,6 +261,7 @@ class _NineGridViewState extends State<NineGridView> {
           )));
     }
     return Stack(
+      clipBehavior: Clip.none,
       children: list,
     );
   }
@@ -286,6 +288,7 @@ class _NineGridViewState extends State<NineGridView> {
     }
     return ClipOval(
       child: Stack(
+        clipBehavior: Clip.none,
         children: children,
       ),
     );
@@ -372,7 +375,10 @@ class _NineGridViewState extends State<NineGridView> {
       children.add(child);
     }
 
-    return Stack(children: children);
+    return Stack(
+      clipBehavior: Clip.none,
+      children: children,
+    );
   }
 
   /// double is zero.

lib/common/widgets/refresh_indicator.dart

@@ -598,6 +598,7 @@ class RefreshIndicatorState extends State<RefreshIndicator>
             _mode == _RefreshIndicatorMode.done;
 
     return Stack(
+      clipBehavior: Clip.none,
       children: <Widget>[
         child,
         if (_mode != null)

lib/common/widgets/video_card_h_grpc.dart

@@ -32,6 +32,7 @@ class VideoCardHGrpc extends StatelessWidget {
     String type = 'video';
     final String heroTag = Utils.makeHeroTag(aid);
     return Stack(
+      clipBehavior: Clip.none,
       children: [
         Semantics(
           excludeSemantics: true,
@@ -66,6 +67,7 @@ class VideoCardHGrpc extends StatelessWidget {
                           final double maxWidth = boxConstraints.maxWidth;
                           final double maxHeight = boxConstraints.maxHeight;
                           return Stack(
+                            clipBehavior: Clip.none,
                             children: [
                               Hero(
                                 tag: heroTag,

lib/common/widgets/video_card_h_member_video.dart

@@ -28,6 +28,7 @@ class VideoCardHMemberVideo extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Stack(
+      clipBehavior: Clip.none,
       children: [
         InkWell(
           onLongPress: () => imageSaveDialog(
@@ -77,6 +78,7 @@ class VideoCardHMemberVideo extends StatelessWidget {
                           final double maxWidth = boxConstraints.maxWidth;
                           final double maxHeight = boxConstraints.maxHeight;
                           return Stack(
+                            clipBehavior: Clip.none,
                             children: [
                               NetworkImgLayer(
                                 src: videoItem.cover,

lib/common/widgets/video_card_v.dart

@@ -90,64 +90,68 @@ class VideoCardV extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Stack(children: [
+    return Stack(
-      Semantics(
+      clipBehavior: Clip.none,
-        label: Utils.videoItemSemantics(videoItem),
+      children: [
-        excludeSemantics: true,
+        Semantics(
-        child: Card(
+          label: Utils.videoItemSemantics(videoItem),
-          clipBehavior: Clip.hardEdge,
+          excludeSemantics: true,
-          margin: EdgeInsets.zero,
+          child: Card(
-          child: InkWell(
+            clipBehavior: Clip.hardEdge,
-            onTap: () => onPushDetail(Utils.makeHeroTag(videoItem.aid)),
+            margin: EdgeInsets.zero,
-            onLongPress: () => imageSaveDialog(
+            child: InkWell(
-              title: videoItem.title,
+              onTap: () => onPushDetail(Utils.makeHeroTag(videoItem.aid)),
-              cover: videoItem.pic,
+              onLongPress: () => imageSaveDialog(
-            ),
+                title: videoItem.title,
-            child: Column(
+                cover: videoItem.pic,
-              crossAxisAlignment: CrossAxisAlignment.start,
+              ),
-              children: [
+              child: Column(
-                AspectRatio(
+                crossAxisAlignment: CrossAxisAlignment.start,
-                  aspectRatio: StyleString.aspectRatio,
+                children: [
-                  child: LayoutBuilder(builder: (context, boxConstraints) {
+                  AspectRatio(
-                    double maxWidth = boxConstraints.maxWidth;
+                    aspectRatio: StyleString.aspectRatio,
-                    double maxHeight = boxConstraints.maxHeight;
+                    child: LayoutBuilder(builder: (context, boxConstraints) {
-                    return Stack(
+                      double maxWidth = boxConstraints.maxWidth;
-                      children: [
+                      double maxHeight = boxConstraints.maxHeight;
-                        NetworkImgLayer(
+                      return Stack(
-                          src: videoItem.pic,
+                        clipBehavior: Clip.none,
-                          width: maxWidth,
+                        children: [
-                          height: maxHeight,
+                          NetworkImgLayer(
-                        ),
+                            src: videoItem.pic,
-                        if (videoItem.duration > 0)
+                            width: maxWidth,
-                          PBadge(
+                            height: maxHeight,
-                            bottom: 6,
+                          ),
-                            right: 7,
+                          if (videoItem.duration > 0)
-                            size: 'small',
+                            PBadge(
-                            type: 'gray',
+                              bottom: 6,
-                            text: Utils.timeFormat(videoItem.duration),
+                              right: 7,
-                          )
+                              size: 'small',
-                      ],
+                              type: 'gray',
-                    );
+                              text: Utils.timeFormat(videoItem.duration),
-                  }),
+                            )
-                ),
+                        ],
-                videoContent(context)
+                      );
-              ],
+                    }),
+                  ),
+                  videoContent(context)
+                ],
+              ),
             ),
           ),
         ),
-      ),
+        if (videoItem.goto == 'av')
-      if (videoItem.goto == 'av')
+          Positioned(
-        Positioned(
+            right: -5,
-          right: -5,
+            bottom: -2,
-          bottom: -2,
+            child: VideoPopupMenu(
-          child: VideoPopupMenu(
+              size: 29,
-            size: 29,
+              iconSize: 17,
-            iconSize: 17,
+              videoItem: videoItem,
-            videoItem: videoItem,
+              onRemove: onRemove,
-            onRemove: onRemove,
+            ),
           ),
-        ),
+      ],
-    ]);
+    );
   }
 
   Widget videoContent(context) {

lib/common/widgets/video_card_v_member_home.dart

@@ -55,6 +55,7 @@ class VideoCardVMemberHome extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Stack(
+      clipBehavior: Clip.none,
       children: [
         Semantics(
           excludeSemantics: true,
@@ -77,6 +78,7 @@ class VideoCardVMemberHome extends StatelessWidget {
                         double maxWidth = boxConstraints.maxWidth;
                         double maxHeight = boxConstraints.maxHeight;
                         return Stack(
+                          clipBehavior: Clip.none,
                           children: [
                             NetworkImgLayer(
                               src: videoItem.cover,

lib/common/widgets/video_popup_menu.dart

@@ -34,6 +34,7 @@ class VideoCustomActions {
           videoItem.bvid!,
           'copy',
           Stack(
+            clipBehavior: Clip.none,
             children: [
               Icon(MdiIcons.identifier, size: 16),
               Icon(MdiIcons.circleOutline, size: 16),

lib/pages/article/view.dart

@@ -232,6 +232,7 @@ class _ArticlePageState extends State<ArticlePage>
       resizeToAvoidBottomInset: false,
       appBar: _buildAppBar,
       body: Stack(
+        clipBehavior: Clip.none,
         children: [
           SafeArea(
             top: false,

lib/pages/bangumi/introduction/view.dart

@@ -198,6 +198,7 @@ class _BangumiInfoState extends State<BangumiInfo> {
                     crossAxisAlignment: CrossAxisAlignment.start,
                     children: [
                       Stack(
+                        clipBehavior: Clip.none,
                         children: [
                           GestureDetector(
                             onTap: () {

lib/pages/bangumi/widgets/bangumi_card_v.dart

@@ -41,6 +41,7 @@ class BangumiCardV extends StatelessWidget {
                   final double maxWidth = boxConstraints.maxWidth;
                   final double maxHeight = boxConstraints.maxHeight;
                   return Stack(
+                    clipBehavior: Clip.none,
                     children: [
                       Hero(
                         tag: heroTag,

lib/pages/bangumi/widgets/bangumi_card_v_member_home.dart

@@ -46,6 +46,7 @@ class BangumiCardVMemberHome extends StatelessWidget {
                   final double maxWidth = boxConstraints.maxWidth;
                   final double maxHeight = boxConstraints.maxHeight;
                   return Stack(
+                    clipBehavior: Clip.none,
                     children: [
                       Hero(
                         tag: heroTag,

lib/pages/bangumi/widgets/bangumi_card_v_pgc_index.dart

@@ -38,6 +38,7 @@ class BangumiCardVPgcIndex extends StatelessWidget {
                   final double maxWidth = boxConstraints.maxWidth;
                   final double maxHeight = boxConstraints.maxHeight;
                   return Stack(
+                    clipBehavior: Clip.none,
                     children: [
                       NetworkImgLayer(
                         src: bangumiItem['cover'],

lib/pages/bangumi/widgets/bangumi_card_v_search.dart

@@ -39,6 +39,7 @@ class BangumiCardVSearch extends StatelessWidget {
                   final double maxWidth = boxConstraints.maxWidth;
                   final double maxHeight = boxConstraints.maxHeight;
                   return Stack(
+                    clipBehavior: Clip.none,
                     children: [
                       NetworkImgLayer(
                         src: item.cover,

lib/pages/bangumi/widgets/bangumi_card_v_timeline.dart

@@ -39,6 +39,7 @@ class BangumiCardVTimeline extends StatelessWidget {
                   final double maxWidth = boxConstraints.maxWidth;
                   final double maxHeight = boxConstraints.maxHeight;
                   return Stack(
+                    clipBehavior: Clip.none,
                     children: [
                       NetworkImgLayer(
                         src: item.cover,

lib/pages/common/common_publish_page.dart

@@ -286,6 +286,7 @@ abstract class CommonPublishPageState<T extends CommonPublishPage>
     }
 
     return Stack(
+      clipBehavior: Clip.none,
       children: [
         GestureDetector(
           onTap: () {

lib/pages/dynamics/create_dyn_panel.dart

@@ -135,6 +135,7 @@ class _CreateDynPanelState extends CommonPublishPageState<CreateDynPanel> {
         child: Padding(
           padding: const EdgeInsets.all(16),
           child: Stack(
+            clipBehavior: Clip.none,
             alignment: Alignment.center,
             children: [
               Align(

lib/pages/dynamics/detail/view.dart

@@ -362,6 +362,7 @@ class _DynamicDetailPageState extends State<DynamicDetailPage>
   }
 
   Widget _buildBody(Orientation orientation, ThemeData theme) => Stack(
+        clipBehavior: Clip.none,
         children: [
           Builder(
             builder: (context) {

lib/pages/dynamics/repost_dyn_panel.dart

@@ -246,6 +246,7 @@ class _RepostPanelState extends CommonPublishPageState<RepostPanel> {
           height: 34,
           padding: const EdgeInsets.symmetric(horizontal: 16),
           child: Stack(
+            clipBehavior: Clip.none,
             alignment: Alignment.center,
             children: [
               Align(

lib/pages/dynamics/widgets/author_panel.dart

@@ -65,6 +65,7 @@ class AuthorPanel extends StatelessWidget {
             : Utils.dateFormat(item.modules.moduleAuthor!.pubTs)
         : item.modules.moduleAuthor?.pubTime;
     return Stack(
+      clipBehavior: Clip.none,
       alignment: Alignment.center,
       children: [
         Align(
@@ -382,6 +383,7 @@ class AuthorPanel extends StatelessWidget {
                   },
                   minLeadingWidth: 0,
                   leading: const Stack(
+                    clipBehavior: Clip.none,
                     alignment: Alignment.center,
                     children: [
                       Icon(Icons.shield_outlined, size: 19),

lib/pages/dynamics/widgets/forward_panel.dart

@@ -441,6 +441,7 @@ Widget forWard(
             children: [
               if (floor == 1) const SizedBox(width: 12),
               Stack(
+                clipBehavior: Clip.none,
                 children: [
                   Hero(
                     tag: item.modules.moduleDynamic!.major!.medialist!['cover'],

lib/pages/dynamics/widgets/live_rcmd_panel.dart

@@ -79,6 +79,7 @@ Widget liveRcmdPanel(
             builder: (context, box) {
               double width = box.maxWidth;
               return Stack(
+                clipBehavior: Clip.none,
                 children: [
                   Hero(
                     tag: liveRcmd.roomId.toString(),

lib/pages/dynamics/widgets/video_panel.dart

@@ -64,6 +64,7 @@ Widget videoSeasonWidget(
       builder: (context, box) {
         double width = box.maxWidth;
         return Stack(
+          clipBehavior: Clip.none,
           children: [
             NetworkImgLayer(
               width: width,

lib/pages/fav/article/widget/item.dart

@@ -114,7 +114,7 @@ class FavArticleItem extends StatelessWidget {
           ),
           Positioned(
             right: 12,
-            bottom: 0,
+            bottom: -6,
             child: iconButton(
               iconSize: 18,
               context: context,

lib/pages/fav_detail/view.dart

@@ -451,6 +451,7 @@ class _FavDetailPageState extends State<FavDetailPage> {
                     }
                     FavDetailItemData item = loadingState.response![index];
                     return Stack(
+                      clipBehavior: Clip.none,
                       children: [
                         Positioned.fill(
                           child: FavVideoCardH(

lib/pages/fav_detail/widget/fav_video_card.dart

@@ -96,6 +96,7 @@ class FavVideoCardH extends StatelessWidget {
                   double maxWidth = boxConstraints.maxWidth;
                   double maxHeight = boxConstraints.maxHeight;
                   return Stack(
+                    clipBehavior: Clip.none,
                     children: [
                       NetworkImgLayer(
                         src: videoItem.pic,
@@ -132,6 +133,7 @@ class FavVideoCardH extends StatelessWidget {
     final theme = Theme.of(context);
     return Expanded(
       child: Stack(
+        clipBehavior: Clip.none,
         children: [
           Column(
             crossAxisAlignment: CrossAxisAlignment.start,
@@ -179,7 +181,7 @@ class FavVideoCardH extends StatelessWidget {
           if (onDelFav != null)
             Positioned(
               right: 0,
-              bottom: 0,
+              bottom: -8,
               child: iconButton(
                 context: context,
                 icon: Icons.clear,

lib/pages/history/widgets/item.dart

@@ -118,6 +118,7 @@ class HistoryItem extends StatelessWidget {
         );
       },
       child: Stack(
+        clipBehavior: Clip.none,
         children: [
           Padding(
             padding: const EdgeInsets.symmetric(
@@ -128,110 +129,105 @@ class HistoryItem extends StatelessWidget {
               mainAxisAlignment: MainAxisAlignment.start,
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
-                Stack(
+                AspectRatio(
-                  clipBehavior: Clip.none,
+                  aspectRatio: StyleString.aspectRatio,
-                  children: [
+                  child: LayoutBuilder(
-                    AspectRatio(
+                    builder: (context, boxConstraints) {
-                      aspectRatio: StyleString.aspectRatio,
+                      double maxWidth = boxConstraints.maxWidth;
-                      child: LayoutBuilder(
+                      double maxHeight = boxConstraints.maxHeight;
-                        builder: (context, boxConstraints) {
+                      return Stack(
-                          double maxWidth = boxConstraints.maxWidth;
+                        clipBehavior: Clip.none,
-                          double maxHeight = boxConstraints.maxHeight;
+                        children: [
-                          return Stack(
+                          NetworkImgLayer(
-                            clipBehavior: Clip.none,
+                            src: (videoItem.cover.isNullOrEmpty
-                            children: [
+                                ? videoItem.covers?.firstOrNull ?? ''
-                              NetworkImgLayer(
+                                : videoItem.cover),
-                                src: (videoItem.cover.isNullOrEmpty
+                            width: maxWidth,
-                                    ? videoItem.covers?.firstOrNull ?? ''
+                            height: maxHeight,
-                                    : videoItem.cover),
-                                width: maxWidth,
-                                height: maxHeight,
-                              ),
-                              if (!BusinessType
-                                  .hiddenDurationType.hiddenDurationType
-                                  .contains(videoItem.history.business))
-                                PBadge(
-                                  text: videoItem.progress == -1
-                                      ? '已看完'
-                                      : '${Utils.timeFormat(videoItem.progress)}/${Utils.timeFormat(videoItem.duration!)}',
-                                  right: 6.0,
-                                  bottom: 8.0,
-                                  type: 'gray',
-                                ),
-                              // 右上角
-                              if (BusinessType.showBadge.showBadge
-                                      .contains(videoItem.history.business) ||
-                                  videoItem.history.business ==
-                                      BusinessType.live.type)
-                                PBadge(
-                                  text: videoItem.badge,
-                                  top: 6.0,
-                                  right: 6.0,
-                                  bottom: null,
-                                  left: null,
-                                ),
-                            ],
-                          );
-                        },
-                      ),
-                    ),
-                    Positioned.fill(
-                      child: AnimatedOpacity(
-                        opacity: videoItem.checked == true ? 1 : 0,
-                        duration: const Duration(milliseconds: 200),
-                        child: Container(
-                          alignment: Alignment.center,
-                          decoration: BoxDecoration(
-                            borderRadius: StyleString.mdRadius,
-                            color: Colors.black.withOpacity(0.6),
                           ),
-                          child: SizedBox(
+                          if (!BusinessType
-                            width: 34,
+                              .hiddenDurationType.hiddenDurationType
-                            height: 34,
+                              .contains(videoItem.history.business))
-                            child: AnimatedScale(
+                            PBadge(
-                              scale: videoItem.checked == true ? 1 : 0,
+                              text: videoItem.progress == -1
-                              duration: const Duration(milliseconds: 250),
+                                  ? '已看完'
-                              curve: Curves.easeInOut,
+                                  : '${Utils.timeFormat(videoItem.progress)}/${Utils.timeFormat(videoItem.duration!)}',
-                              child: IconButton(
+                              right: 6.0,
-                                tooltip: '取消选择',
+                              bottom: 8.0,
-                                style: ButtonStyle(
+                              type: 'gray',
-                                  padding:
+                            ),
-                                      WidgetStateProperty.all(EdgeInsets.zero),
+                          // 右上角
-                                  backgroundColor:
+                          if (BusinessType.showBadge.showBadge
-                                      WidgetStateProperty.resolveWith(
+                                  .contains(videoItem.history.business) ||
-                                    (states) {
+                              videoItem.history.business ==
-                                      return theme.colorScheme.surface
+                                  BusinessType.live.type)
-                                          .withOpacity(0.8);
+                            PBadge(
-                                    },
+                              text: videoItem.badge,
+                              top: 6.0,
+                              right: 6.0,
+                              bottom: null,
+                              left: null,
+                            ),
+                          if (videoItem.duration != null &&
+                              videoItem.duration != 0 &&
+                              videoItem.progress != null &&
+                              videoItem.progress != 0)
+                            Positioned(
+                              left: 0,
+                              right: 0,
+                              bottom: 0,
+                              child: videoProgressIndicator(
+                                videoItem.progress == -1
+                                    ? 1
+                                    : videoItem.progress! / videoItem.duration!,
+                              ),
+                            ),
+                          Positioned.fill(
+                            child: AnimatedOpacity(
+                              opacity: videoItem.checked == true ? 1 : 0,
+                              duration: const Duration(milliseconds: 200),
+                              child: Container(
+                                alignment: Alignment.center,
+                                decoration: BoxDecoration(
+                                  borderRadius: StyleString.mdRadius,
+                                  color: Colors.black.withOpacity(0.6),
+                                ),
+                                child: SizedBox(
+                                  width: 34,
+                                  height: 34,
+                                  child: AnimatedScale(
+                                    scale: videoItem.checked == true ? 1 : 0,
+                                    duration: const Duration(milliseconds: 250),
+                                    curve: Curves.easeInOut,
+                                    child: IconButton(
+                                      tooltip: '取消选择',
+                                      style: ButtonStyle(
+                                        padding: WidgetStateProperty.all(
+                                            EdgeInsets.zero),
+                                        backgroundColor:
+                                            WidgetStateProperty.resolveWith(
+                                          (states) {
+                                            return theme.colorScheme.surface
+                                                .withOpacity(0.8);
+                                          },
+                                        ),
+                                      ),
+                                      onPressed: () {
+                                        feedBack();
+                                        onChoose?.call();
+                                      },
+                                      icon: Icon(Icons.done_all_outlined,
+                                          color: theme.colorScheme.primary),
+                                    ),
                                   ),
                                 ),
-                                onPressed: () {
-                                  feedBack();
-                                  onChoose?.call();
-                                },
-                                icon: Icon(Icons.done_all_outlined,
-                                    color: theme.colorScheme.primary),
                               ),
                             ),
                           ),
-                        ),
+                        ],
-                      ),
+                      );
-                    ),
+                    },
-                    if (videoItem.duration != null &&
+                  ),
-                        videoItem.duration != 0 &&
-                        videoItem.progress != null &&
-                        videoItem.progress != 0)
-                      Positioned(
-                        left: 0,
-                        right: 0,
-                        bottom: 0,
-                        child: videoProgressIndicator(
-                          videoItem.progress == -1
-                              ? 1
-                              : videoItem.progress! / videoItem.duration!,
-                        ),
-                      ),
-                  ],
                 ),
                 const SizedBox(width: 10),
                 videoContent(theme),
@@ -240,7 +236,7 @@ class HistoryItem extends StatelessWidget {
           ),
           Positioned(
             right: 12,
-            bottom: 12,
+            bottom: 0,
             child: SizedBox(
               width: 29,
               height: 29,
@@ -339,6 +335,8 @@ class HistoryItem extends StatelessWidget {
           if (videoItem.authorName != '')
             Text(
               videoItem.authorName!,
+              maxLines: 1,
+              overflow: TextOverflow.ellipsis,
               style: TextStyle(
                 fontSize: theme.textTheme.labelMedium!.fontSize,
                 color: theme.colorScheme.outline,

lib/pages/later/child_view.dart

@@ -82,6 +82,7 @@ class _LaterViewChildPageState extends State<LaterViewChildPage>
                   }
                   var videoItem = loadingState.response![index];
                   return Stack(
+                    clipBehavior: Clip.none,
                     children: [
                       VideoCardH(
                         videoItem: videoItem,

lib/pages/later_search/view.dart

@@ -41,6 +41,7 @@ class _LaterSearchPageState
             }
             final item = list[index];
             return Stack(
+              clipBehavior: Clip.none,
               children: [
                 VideoCardH(
                   videoItem: item,

lib/pages/live/widgets/live_item.dart

@@ -39,6 +39,7 @@ class LiveCardV extends StatelessWidget {
                   double maxWidth = boxConstraints.maxWidth;
                   double maxHeight = boxConstraints.maxHeight;
                   return Stack(
+                    clipBehavior: Clip.none,
                     children: [
                       Hero(
                         tag: heroTag,

lib/pages/live/widgets/live_item_follow.dart

@@ -39,6 +39,7 @@ class LiveCardVFollow extends StatelessWidget {
                   double maxWidth = boxConstraints.maxWidth;
                   double maxHeight = boxConstraints.maxHeight;
                   return Stack(
+                    clipBehavior: Clip.none,
                     children: [
                       Hero(
                         tag: heroTag,

lib/pages/live_room/view.dart

@@ -214,6 +214,7 @@ class _LiveRoomPageState extends State<LiveRoomPage>
     return ColoredBox(
       color: Colors.black,
       child: Stack(
+        clipBehavior: Clip.none,
         children: [
           Obx(
             () => isFullScreen
@@ -281,6 +282,7 @@ class _LiveRoomPageState extends State<LiveRoomPage>
         resizeToAvoidBottomInset: false,
         backgroundColor: Colors.transparent,
         body: Stack(
+          clipBehavior: Clip.none,
           children: [
             _buildAppBar,
             Column(

lib/pages/live_room/widgets/chat.dart

@@ -22,6 +22,7 @@ class LiveRoomChat extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Stack(
+      clipBehavior: Clip.none,
       children: [
         Obx(
           () => ListView.separated(

lib/pages/member/content/member_contribute/content/season_series/widget/season_series_card.dart

@@ -40,6 +40,7 @@ class SeasonSeriesCard extends StatelessWidget {
                   final double maxWidth = boxConstraints.maxWidth;
                   final double maxHeight = boxConstraints.maxHeight;
                   return Stack(
+                    clipBehavior: Clip.none,
                     children: [
                       NetworkImgLayer(
                         src: item['meta']['cover'],

lib/pages/member/widget/user_info_card.dart

@@ -441,6 +441,7 @@ class UserInfoCard extends StatelessWidget {
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
           Stack(
+            clipBehavior: Clip.none,
             children: [
               Column(
                 mainAxisSize: MainAxisSize.min,

lib/pages/member_coin/widgets/item.dart

@@ -47,6 +47,7 @@ class MemberCoinsItem extends StatelessWidget {
                 double maxWidth = boxConstraints.maxWidth;
                 double maxHeight = boxConstraints.maxHeight;
                 return Stack(
+                  clipBehavior: Clip.none,
                   children: [
                     NetworkImgLayer(
                       src: coinItem.pic,

lib/pages/msg_feed_top/like_me/view.dart

@@ -171,6 +171,7 @@ class _LikeMePageState extends State<LikeMePage> {
             width: 50,
             height: 50,
             child: Stack(
+              clipBehavior: Clip.none,
               children: [
                 for (var j = 0;
                     j < item.users!.length && j < 4;

lib/pages/search_panel/live/widgets/item.dart

@@ -35,6 +35,7 @@ class LiveItem extends StatelessWidget {
                   double maxWidth = boxConstraints.maxWidth;
                   double maxHeight = boxConstraints.maxHeight;
                   return Stack(
+                    clipBehavior: Clip.none,
                     children: [
                       NetworkImgLayer(
                         src: liveItem.cover,

lib/pages/search_panel/pgc/widgets/item.dart

@@ -36,6 +36,7 @@ class SearchPgcItem extends StatelessWidget {
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
             Stack(
+              clipBehavior: Clip.none,
               children: [
                 NetworkImgLayer(
                   width: 111,

lib/pages/setting/widgets/model.dart

@@ -1509,6 +1509,7 @@ List<SettingsModel> get extraSettings => [
         defaultVal: false,
         onTap: () => Get.toNamed('/sponsorBlock'),
         leading: const Stack(
+          clipBehavior: Clip.none,
           alignment: Alignment.center,
           children: [
             Icon(Icons.shield_outlined),
@@ -2063,6 +2064,7 @@ List<SettingsModel> get extraSettings => [
         title: '发评反诈',
         subtitle: '发送评论后检查评论是否可见',
         leading: const Stack(
+          clipBehavior: Clip.none,
           alignment: Alignment.center,
           children: [
             Icon(Icons.shield_outlined),
@@ -2088,6 +2090,7 @@ List<SettingsModel> get extraSettings => [
         title: '发布/转发动态反诈',
         subtitle: '发布/转发动态后检查动态是否可见',
         leading: const Stack(
+          clipBehavior: Clip.none,
           alignment: Alignment.center,
           children: [
             Icon(Icons.shield_outlined),
@@ -2101,6 +2104,7 @@ List<SettingsModel> get extraSettings => [
         settingsType: SettingsType.sw1tch,
         title: '屏蔽带货动态',
         leading: const Stack(
+          clipBehavior: Clip.none,
           alignment: Alignment.center,
           children: [
             Icon(Icons.shopping_bag_outlined, size: 14),
@@ -2117,6 +2121,7 @@ List<SettingsModel> get extraSettings => [
         settingsType: SettingsType.sw1tch,
         title: '屏蔽带货评论',
         leading: const Stack(
+          clipBehavior: Clip.none,
           alignment: Alignment.center,
           children: [
             Icon(Icons.shopping_bag_outlined, size: 14),

lib/pages/subscription/widgets/item.dart

@@ -75,6 +75,7 @@ class SubItem extends StatelessWidget {
             : '其它:${subFolderItem.type}';
     return Expanded(
       child: Stack(
+        clipBehavior: Clip.none,
         children: [
           Column(
             crossAxisAlignment: CrossAxisAlignment.start,

lib/pages/subscription_detail/widget/sub_video_card.dart

@@ -57,6 +57,7 @@ class SubVideoCardH extends StatelessWidget {
                   double maxWidth = boxConstraints.maxWidth;
                   double maxHeight = boxConstraints.maxHeight;
                   return Stack(
+                    clipBehavior: Clip.none,
                     children: [
                       NetworkImgLayer(
                         src: videoItem.cover,
@@ -85,6 +86,7 @@ class SubVideoCardH extends StatelessWidget {
   Widget videoContent(context) {
     return Expanded(
       child: Stack(
+        clipBehavior: Clip.none,
         children: [
           Column(
             crossAxisAlignment: CrossAxisAlignment.start,

lib/pages/video/detail/introduction/pay_coins_page.dart

@@ -193,6 +193,7 @@ class _PayCoinsPageState extends State<PayCoinsPage>
 
   Widget _buildBody(isV) => Stack(
         key: _key,
+        clipBehavior: Clip.none,
         alignment: Alignment.center,
         children: [
           Visibility(
@@ -268,6 +269,7 @@ class _PayCoinsPageState extends State<PayCoinsPage>
                                             BlendMode.srcATop,
                                           ),
                                           child: Stack(
+                                            clipBehavior: Clip.none,
                                             alignment: Alignment.center,
                                             children: [
                                               SlideTransition(
@@ -389,6 +391,7 @@ class _PayCoinsPageState extends State<PayCoinsPage>
                   ],
                   const SizedBox(height: 10),
                   Stack(
+                    clipBehavior: Clip.none,
                     alignment: Alignment.centerLeft,
                     children: [
                       GestureDetector(

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

@@ -150,6 +150,7 @@ class _VideoInfoState extends State<VideoInfo> {
                             mainAxisSize: MainAxisSize.min,
                             children: [
                               Stack(
+                                clipBehavior: Clip.none,
                                 alignment: Alignment.center,
                                 children: [
                                   Icon(
@@ -548,6 +549,7 @@ class _VideoInfoState extends State<VideoInfo> {
                   ),
                   const SizedBox(height: 8),
                   Stack(
+                    clipBehavior: Clip.none,
                     children: [
                       Row(
                         children: [

lib/pages/video/detail/introduction/widgets/action_item.dart

@@ -157,6 +157,7 @@ class ActionItemState extends State<ActionItem>
             mainAxisAlignment: MainAxisAlignment.center,
             children: [
               Stack(
+                clipBehavior: Clip.none,
                 alignment: Alignment.center,
                 children: [
                   if (widget.needAnim && !_hideCircle)

lib/pages/video/detail/post_panel/post_panel.dart

@@ -96,6 +96,7 @@ class _PostPanelState extends CommonCollapseSlidePageState<PostPanel> {
   Widget buildList(ThemeData theme) {
     return list?.isNotEmpty == true
         ? Stack(
+            clipBehavior: Clip.none,
             children: [
               SingleChildScrollView(
                 controller: ScrollController(),

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

@@ -104,6 +104,7 @@ class _VideoReplyPanelState extends State<VideoReplyPanel>
         await _videoReplyController.onRefresh();
       },
       child: Stack(
+        clipBehavior: Clip.none,
         children: [
           CustomScrollView(
             controller: widget.needController == false

lib/pages/video/detail/reply/widgets/reply_item_grpc.dart

@@ -111,6 +111,7 @@ class ReplyItemGrpc extends StatelessWidget {
                 top: 8,
                 right: 12,
                 child: Stack(
+                  clipBehavior: Clip.none,
                   alignment: Alignment.centerRight,
                   children: [
                     CachedNetworkImage(
@@ -1179,6 +1180,7 @@ class ReplyItemGrpc extends StatelessWidget {
               onTap: () => menuActionHandler('checkReply'),
               minLeadingWidth: 0,
               leading: Stack(
+                clipBehavior: Clip.none,
                 alignment: Alignment.center,
                 children: [
                   const Icon(Icons.shield_outlined, size: 19),

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

@@ -165,6 +165,7 @@ class _VideoReplyReplyPanelState
         },
         child: Obx(
           () => Stack(
+            clipBehavior: Clip.none,
             children: [
               ScrollablePositionedList.builder(
                 key: _listKey,

lib/pages/video/detail/view_v.dart

@@ -552,6 +552,7 @@ class _VideoDetailPageVState extends State<VideoDetailPageV>
                               videoDetailController.scrollCtr.offset != 0 &&
                               context.orientation == Orientation.portrait;
                       return Stack(
+                        clipBehavior: Clip.none,
                         children: [
                           AppBar(
                             backgroundColor: Colors.black,
@@ -639,6 +640,7 @@ class _VideoDetailPageVState extends State<VideoDetailPageV>
                           ? animHeight
                           : videoDetailController.videoHeight,
                   flexibleSpace: Stack(
+                    clipBehavior: Clip.none,
                     children: [
                       Builder(
                         builder: (context) {
@@ -702,6 +704,7 @@ class _VideoDetailPageVState extends State<VideoDetailPageV>
                                   child: SizedBox(
                                     height: kToolbarHeight,
                                     child: Stack(
+                                      clipBehavior: Clip.none,
                                       children: [
                                         Align(
                                           alignment: Alignment.centerLeft,
@@ -1182,6 +1185,7 @@ class _VideoDetailPageVState extends State<VideoDetailPageV>
       );
 
   Widget get childWhenDisabledLandscape => Stack(
+        clipBehavior: Clip.none,
         children: [
           Scaffold(
             resizeToAvoidBottomInset: false,
@@ -1261,6 +1265,7 @@ class _VideoDetailPageVState extends State<VideoDetailPageV>
         () => Visibility(
           visible: videoDetailController.isShowCover.value,
           child: Stack(
+            clipBehavior: Clip.none,
             children: [
               Positioned(
                 top: 0,
@@ -1634,6 +1639,7 @@ class _VideoDetailPageVState extends State<VideoDetailPageV>
               MediaQuery.of(context).orientation == Orientation.portrait),
       onPopInvokedWithResult: _onPopInvokedWithResult,
       child: Stack(
+        clipBehavior: Clip.none,
         children: [
           Positioned.fill(child: ColoredBox(color: Colors.black)),
 
@@ -1860,6 +1866,7 @@ class _VideoDetailPageVState extends State<VideoDetailPageV>
         );
     if (videoDetailController.isPlayAll) {
       return Stack(
+        clipBehavior: Clip.none,
         children: [
           introPanel(),
           Positioned(

lib/pages/video/detail/widgets/header_control.dart

@@ -2032,6 +2032,7 @@ class HeaderControlState extends State<HeaderControl> {
                       ),
                       onPressed: () => videoDetailCtr.onBlock(context),
                       icon: Stack(
+                        clipBehavior: Clip.none,
                         alignment: Alignment.center,
                         children: [
                           Icon(

lib/pages/video/detail/widgets/media_list_panel.dart

@@ -179,6 +179,7 @@ class _MediaListPanelState
                     );
                   },
                   child: Stack(
+                    clipBehavior: Clip.none,
                     children: [
                       Padding(
                         padding: const EdgeInsets.symmetric(
@@ -194,6 +195,7 @@ class _MediaListPanelState
                               child: LayoutBuilder(
                                 builder: (context, boxConstraints) {
                                   return Stack(
+                                    clipBehavior: Clip.none,
                                     children: [
                                       NetworkImgLayer(
                                         src: item.cover,
@@ -233,6 +235,8 @@ class _MediaListPanelState
                                   const Spacer(),
                                   Text(
                                     item.upper!.name!,
+                                    maxLines: 1,
+                                    overflow: TextOverflow.ellipsis,
                                     style: TextStyle(
                                       fontSize: 12,
                                       color: theme.colorScheme.outline,
@@ -265,7 +269,7 @@ class _MediaListPanelState
                       if (showDelBtn && item.bvid != widget.getBvId())
                         Positioned(
                           right: 12,
-                          bottom: 0,
+                          bottom: -6,
                           child: InkWell(
                             customBorder: const CircleBorder(),
                             onTap: () {
@@ -281,7 +285,7 @@ class _MediaListPanelState
                               child: Icon(
                                 Icons.clear,
                                 size: 18,
-                                color: theme.colorScheme.onSurfaceVariant,
+                                color: theme.colorScheme.outline,
                               ),
                             ),
                           ),

lib/plugin/pl_player/view.dart

@@ -380,6 +380,7 @@ class _PLVideoPlayerState extends State<PLVideoPlayer>
                         color: Colors.white,
                       )
                     : Stack(
+                        clipBehavior: Clip.none,
                         alignment: Alignment.center,
                         children: [
                           Icon(
@@ -731,6 +732,7 @@ class _PLVideoPlayerState extends State<PLVideoPlayer>
     return Stack(
       fit: StackFit.passthrough,
       key: _playerKey,
+      clipBehavior: Clip.none,
       children: <Widget>[
         Obx(
           () => Video(