From 2e806a28b9f682a6fa18b6cad4dae8e95df3f21b Mon Sep 17 00:00:00 2001 From: zarzet Date: Sun, 28 Jun 2026 06:06:32 +0700 Subject: [PATCH] fix(ui): prevent home search skeleton row from overflowing on narrow screens --- lib/widgets/animation_utils.dart | 28 ++++++++++++++++------------ 1 file changed, 16 insertions(+), 12 deletions(-) diff --git a/lib/widgets/animation_utils.dart b/lib/widgets/animation_utils.dart index e8ccfded..862be8aa 100644 --- a/lib/widgets/animation_utils.dart +++ b/lib/widgets/animation_utils.dart @@ -616,18 +616,22 @@ class HomeSearchSkeleton extends StatelessWidget { children: [ Padding( padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8), - child: Row( - children: [ - SkeletonBox(width: 48, height: 32, borderRadius: 16), - const SizedBox(width: 8), - SkeletonBox(width: 64, height: 32, borderRadius: 16), - const SizedBox(width: 8), - SkeletonBox(width: 72, height: 32, borderRadius: 16), - const SizedBox(width: 8), - SkeletonBox(width: 60, height: 32, borderRadius: 16), - const SizedBox(width: 8), - SkeletonBox(width: 70, height: 32, borderRadius: 16), - ], + child: SingleChildScrollView( + scrollDirection: Axis.horizontal, + physics: const NeverScrollableScrollPhysics(), + child: Row( + children: [ + SkeletonBox(width: 48, height: 32, borderRadius: 16), + const SizedBox(width: 8), + SkeletonBox(width: 64, height: 32, borderRadius: 16), + const SizedBox(width: 8), + SkeletonBox(width: 72, height: 32, borderRadius: 16), + const SizedBox(width: 8), + SkeletonBox(width: 60, height: 32, borderRadius: 16), + const SizedBox(width: 8), + SkeletonBox(width: 70, height: 32, borderRadius: 16), + ], + ), ), ), const SizedBox(height: 8),