fix(recommend): 修正窄筛选行横向居中

lib/pages/recommend/widgets/all_dramas_filter_grid.dart

@@ -186,26 +186,41 @@ class _AllDramasFilterGridState extends State<AllDramasFilterGrid> {
   }) {
     return _filterRow(
       row: row,
-      child: SingleChildScrollView(
-        key: Key('all-filter-scroll-$row'),
+      child: _horizontalChipScroll(
+        scrollKey: Key('all-filter-scroll-$row'),
+        chips: [
+          for (var index = 0; index < options.length; index++) ...[
+            _chip(
+              key: Key('all-filter-${options[index].id}'),
+              label: options[index].label,
+              selected: selected == options[index].id,
+              onTap: () => onSelected(options[index].id),
+            ),
+            if (index < options.length - 1)
+              const SizedBox(width: AppDimens.filterItemGap),
+          ],
+        ],
+      ),
+    );
+  }
+
+  Widget _horizontalChipScroll({
+    required Key scrollKey,
+    required List<Widget> chips,
+  }) {
+    return LayoutBuilder(
+      builder: (context, constraints) => SingleChildScrollView(
+        key: scrollKey,
         scrollDirection: Axis.horizontal,
         physics: const BouncingScrollPhysics(),
-        child: Row(
-          mainAxisSize: MainAxisSize.min,
-          mainAxisAlignment: MainAxisAlignment.start,
-          crossAxisAlignment: CrossAxisAlignment.center,
-          children: [
-            for (var index = 0; index < options.length; index++) ...[
-              _chip(
-                key: Key('all-filter-${options[index].id}'),
-                label: options[index].label,
-                selected: selected == options[index].id,
-                onTap: () => onSelected(options[index].id),
-              ),
-              if (index < options.length - 1)
-                const SizedBox(width: AppDimens.filterItemGap),
-            ],
-          ],
+        child: ConstrainedBox(
+          constraints: BoxConstraints(minWidth: constraints.maxWidth),
+          child: Row(
+            mainAxisSize: MainAxisSize.min,
+            mainAxisAlignment: MainAxisAlignment.start,
+            crossAxisAlignment: CrossAxisAlignment.center,
+            children: chips,
+          ),
         ),
       ),
     );
@@ -286,30 +301,23 @@ class _AllDramasFilterGridState extends State<AllDramasFilterGrid> {
         crossAxisAlignment: CrossAxisAlignment.center,
         children: [
           Expanded(
-            child: SingleChildScrollView(
-              key: const Key('all-filter-scroll-3'),
-              scrollDirection: Axis.horizontal,
-              physics: const BouncingScrollPhysics(),
-              child: Row(
-                mainAxisSize: MainAxisSize.min,
-                mainAxisAlignment: MainAxisAlignment.start,
-                crossAxisAlignment: CrossAxisAlignment.center,
-                children: [
-                  _chip(
-                    key: const Key('all-sort-hot'),
-                    label: l10n.hot,
-                    selected: !_newest,
-                    onTap: () => setState(() => _newest = false),
-                  ),
-                  const SizedBox(width: AppDimens.filterItemGap),
-                  _chip(
-                    key: const Key('all-sort-new'),
-                    label: l10n.newest,
-                    selected: _newest,
-                    onTap: () => setState(() => _newest = true),
-                  ),
-                ],
-              ),
+            child: _horizontalChipScroll(
+              scrollKey: const Key('all-filter-scroll-3'),
+              chips: [
+                _chip(
+                  key: const Key('all-sort-hot'),
+                  label: l10n.hot,
+                  selected: !_newest,
+                  onTap: () => setState(() => _newest = false),
+                ),
+                const SizedBox(width: AppDimens.filterItemGap),
+                _chip(
+                  key: const Key('all-sort-new'),
+                  label: l10n.newest,
+                  selected: _newest,
+                  onTap: () => setState(() => _newest = true),
+                ),
+              ],
             ),
           ),
           const SizedBox(width: AppDimens.filterItemGap),