feat(flutter): 重构四 Tab 与浏览页

lib/pages/home/widgets/home_browse_header.dart

@@ -0,0 +1,134 @@
+// Author: fruit.com.cn
+
+import 'package:flutter/material.dart';
+
+import '../../../core/theme/app_colors.dart';
+import '../../../core/theme/app_dimens.dart';
+import '../../../l10n/app_localizations.dart';
+
+const double _searchHeight = 36;
+
+/// Fixed home header with catalogue search, weekday, and profile entry.
+class HomeBrowseHeader extends StatelessWidget {
+  const HomeBrowseHeader({
+    super.key,
+    required this.onSearch,
+    required this.onProfile,
+  });
+
+  final VoidCallback onSearch;
+  final VoidCallback onProfile;
+
+  @override
+  Widget build(BuildContext context) {
+    final l10n = AppLocalizations.of(context)!;
+    final weekday = _weekday(l10n);
+    return SizedBox(
+      height: AppDimens.contentHeaderHeight,
+      child: Padding(
+        padding: const EdgeInsets.symmetric(
+          horizontal: AppDimens.pageHorizontal,
+        ),
+        child: Row(
+          children: [
+            Expanded(child: _search(l10n, onSearch)),
+            const SizedBox(width: AppDimens.spaceSm),
+            _weekdayText(weekday),
+            const SizedBox(width: AppDimens.spaceSm),
+            _profile(l10n),
+          ],
+        ),
+      ),
+    );
+  }
+
+  String _weekday(AppLocalizations l10n) {
+    return switch (DateTime.now().weekday) {
+      DateTime.monday => l10n.weekdayMon,
+      DateTime.tuesday => l10n.weekdayTue,
+      DateTime.wednesday => l10n.weekdayWed,
+      DateTime.thursday => l10n.weekdayThu,
+      DateTime.friday => l10n.weekdayFri,
+      DateTime.saturday => l10n.weekdaySat,
+      _ => l10n.weekdaySun,
+    };
+  }
+
+  Widget _search(AppLocalizations l10n, VoidCallback onTap) {
+    return Semantics(
+      button: true,
+      label: l10n.search,
+      child: InkWell(
+        key: const Key('home-search'),
+        onTap: onTap,
+        borderRadius: BorderRadius.circular(AppDimens.pillRadius),
+        child: Container(
+          height: _searchHeight,
+          padding: const EdgeInsets.symmetric(horizontal: AppDimens.spaceMd),
+          decoration: BoxDecoration(
+            color: AppColors.input,
+            borderRadius: BorderRadius.circular(AppDimens.pillRadius),
+          ),
+          child: Row(
+            children: [
+              const Icon(
+                Icons.search_rounded,
+                color: AppColors.subtle,
+                size: 17,
+              ),
+              const SizedBox(width: AppDimens.spaceSm),
+              Expanded(
+                child: Text(
+                  l10n.searchDiscover,
+                  maxLines: 1,
+                  overflow: TextOverflow.ellipsis,
+                  style: const TextStyle(
+                    color: AppColors.subtle,
+                    fontSize: AppDimens.caption,
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _weekdayText(String value) {
+    return Text(
+      value,
+      key: const Key('home-weekday'),
+      style: const TextStyle(
+        color: AppColors.muted,
+        fontSize: AppDimens.caption,
+        fontWeight: FontWeight.w600,
+      ),
+    );
+  }
+
+  Widget _profile(AppLocalizations l10n) {
+    return Semantics(
+      button: true,
+      label: l10n.myTab,
+      child: InkWell(
+        key: const Key('home-profile'),
+        customBorder: const CircleBorder(),
+        onTap: onProfile,
+        child: Container(
+          width: AppDimens.tapTarget,
+          height: AppDimens.tapTarget,
+          decoration: const BoxDecoration(
+            color: AppColors.card,
+            shape: BoxShape.circle,
+          ),
+          child: const Icon(
+            Icons.person_rounded,
+            color: AppColors.onSurface,
+            size: AppDimens.accountIcon,
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/pages/home/widgets/home_continue_watching.dart

@@ -0,0 +1,147 @@
+// Author: fruit.com.cn
+
+import 'package:flutter/material.dart';
+
+import '../../../core/data/models/drama.dart';
+import '../../../core/data/models/watch_progress.dart';
+import '../../../core/theme/app_colors.dart';
+import '../../../core/theme/app_dimens.dart';
+import '../../../core/widgets/remote_image.dart';
+import '../../../l10n/app_localizations.dart';
+
+const double _railHeight = 96;
+const double _cardWidth = 286;
+const double _coverWidth = 64;
+const double _playSize = 34;
+
+/// One drama/record pair rendered by the continuation rail.
+typedef HomeContinueItem = ({Drama drama, WatchProgress record});
+
+/// Home continuation cards for records that still have unwatched time.
+class HomeContinueWatching extends StatelessWidget {
+  const HomeContinueWatching({
+    super.key,
+    required this.items,
+    required this.onPlay,
+  });
+
+  final List<HomeContinueItem> items;
+  final void Function(Drama drama, WatchProgress record) onPlay;
+
+  @override
+  Widget build(BuildContext context) {
+    if (items.isEmpty) return const SizedBox.shrink();
+    return SizedBox(
+      key: const Key('home-continue-watching'),
+      height: _railHeight,
+      child: ListView.separated(
+        scrollDirection: Axis.horizontal,
+        padding: const EdgeInsets.symmetric(
+          horizontal: AppDimens.pageHorizontal,
+        ),
+        itemCount: items.length,
+        separatorBuilder: (_, _) => const SizedBox(width: AppDimens.spaceSm),
+        itemBuilder: (context, index) {
+          final item = items[index];
+          return _ContinueCard(
+            item: item,
+            onPlay: () => onPlay(item.drama, item.record),
+          );
+        },
+      ),
+    );
+  }
+}
+
+class _ContinueCard extends StatelessWidget {
+  const _ContinueCard({required this.item, required this.onPlay});
+
+  final HomeContinueItem item;
+  final VoidCallback onPlay;
+
+  @override
+  Widget build(BuildContext context) {
+    final l10n = AppLocalizations.of(context)!;
+    return Container(
+      width: _cardWidth,
+      padding: const EdgeInsets.all(AppDimens.spaceSm),
+      decoration: BoxDecoration(
+        color: AppColors.card,
+        borderRadius: BorderRadius.circular(AppDimens.cardRadius),
+      ),
+      child: Row(
+        children: [
+          ClipRRect(
+            borderRadius: BorderRadius.circular(AppDimens.innerRadius),
+            child: RemoteImage(
+              item.drama.posterUrl,
+              width: _coverWidth,
+              height: _railHeight - AppDimens.spaceLg,
+            ),
+          ),
+          const SizedBox(width: AppDimens.spaceSm),
+          Expanded(
+            child: Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  item.drama.title,
+                  maxLines: 1,
+                  overflow: TextOverflow.ellipsis,
+                  style: const TextStyle(
+                    color: AppColors.onSurface,
+                    fontSize: AppDimens.previewCardTitle,
+                    fontWeight: FontWeight.w700,
+                  ),
+                ),
+                const SizedBox(height: AppDimens.spaceXs),
+                Text(
+                  _progressText(l10n, item.drama, item.record),
+                  key: Key('home-continue-progress-${item.drama.id}'),
+                  maxLines: 1,
+                  overflow: TextOverflow.ellipsis,
+                  style: const TextStyle(
+                    color: AppColors.muted,
+                    fontSize: AppDimens.cardMeta,
+                  ),
+                ),
+              ],
+            ),
+          ),
+          const SizedBox(width: AppDimens.spaceSm),
+          IconButton(
+            key: Key('home-continue-play-${item.drama.id}'),
+            onPressed: onPlay,
+            style: IconButton.styleFrom(
+              backgroundColor: AppColors.blue,
+              foregroundColor: AppColors.onPrimary,
+              fixedSize: const Size.square(_playSize),
+              padding: EdgeInsets.zero,
+            ),
+            icon: const Icon(
+              Icons.play_arrow_rounded,
+              size: AppDimens.accountIcon,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  String _progressText(
+    AppLocalizations l10n,
+    Drama drama,
+    WatchProgress record,
+  ) {
+    final episode = drama.episodes.where(
+      (value) => value.id == record.episodeId,
+    );
+    final number = episode.isEmpty ? 1 : episode.first.number;
+    final remaining = record.duration - record.position;
+    final minutes = remaining.inSeconds <= 0
+        ? 0
+        : (remaining.inSeconds / Duration.secondsPerMinute).ceil();
+    return l10n.episodeRemaining(number, minutes);
+  }
+}

lib/pages/home/widgets/home_menu_sheet.dart

@@ -74,7 +74,7 @@ class HomeMenuSheet extends StatelessWidget {
             _item(
               key: const Key('drawer-discover'),
               icon: Icons.explore_outlined,
-              label: l10n.discoverTab,
+              label: l10n.theaterTab,
               onTap: () => closeThen(onDiscover),
             ),
             _item(