84 lines
2.6 KiB
Dart
84 lines
2.6 KiB
Dart
|
import 'dart:io' show Platform;
|
||
|
|
|
||
|
|
import 'package:flutter/material.dart';
|
||
|
|
|
||
|
|
import '../../../core/contracts/tmdb.dart';
|
||
|
|
import '../../../shared/utils/media_nav.dart';
|
||
|
|
import '../../../shared/widgets/hover_scrollable_row.dart';
|
||
|
|
import '../../../shared/widgets/section_header.dart';
|
||
|
|
import '../../../shared/widgets/tmdb_poster_card.dart';
|
||
|
|
|
||
|
|
|
||
|
|
class TmdbRecommendationSection extends StatelessWidget {
|
||
|
|
final List<TmdbRecommendation> items;
|
||
|
|
final String imageBaseUrl;
|
||
|
|
final String fallbackMediaType;
|
||
|
|
|
||
|
|
|
||
|
|
final Widget? leading;
|
||
|
|
|
||
|
|
const TmdbRecommendationSection({
|
||
|
|
super.key,
|
||
|
|
required this.items,
|
||
|
|
required this.imageBaseUrl,
|
||
|
|
required this.fallbackMediaType,
|
||
|
|
this.leading,
|
||
|
|
});
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
if (items.isEmpty) return const SizedBox.shrink();
|
||
|
|
final list = items.length > 20 ? items.sublist(0, 20) : items;
|
||
|
|
final isAndroid = Platform.isAndroid;
|
||
|
|
return Column(
|
||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||
|
|
children: [
|
||
|
|
if (leading != null) leading!,
|
||
|
|
const Padding(
|
||
|
|
padding: EdgeInsets.fromLTRB(0, 16, 0, 4),
|
||
|
|
child: SectionHeader(label: '推荐'),
|
||
|
|
),
|
||
|
|
SizedBox(
|
||
|
|
height: isAndroid ? 210 : 280,
|
||
|
|
child: HoverScrollableRow(
|
||
|
|
builder: (_, controller) => ListView.separated(
|
||
|
|
controller: controller,
|
||
|
|
scrollDirection: Axis.horizontal,
|
||
|
|
padding: EdgeInsets.zero,
|
||
|
|
itemCount: list.length,
|
||
|
|
separatorBuilder: (_, _) => const SizedBox(width: 12),
|
||
|
|
itemBuilder: (_, i) {
|
||
|
|
final item = list[i];
|
||
|
|
final type = item.mediaType ?? fallbackMediaType;
|
||
|
|
final tappable = type == 'movie' || type == 'tv';
|
||
|
|
return TmdbPosterCard(
|
||
|
|
title: item.title,
|
||
|
|
posterPath: item.posterPath,
|
||
|
|
voteAverage: item.voteAverage,
|
||
|
|
mediaTypeLabel: _typeLabel(item.mediaType),
|
||
|
|
imageBaseUrl: imageBaseUrl,
|
||
|
|
width: isAndroid ? 105 : 150,
|
||
|
|
onTap: tappable
|
||
|
|
? () => goTmdbDetail(
|
||
|
|
context,
|
||
|
|
tmdbId: item.id,
|
||
|
|
mediaType: type,
|
||
|
|
seed: item,
|
||
|
|
)
|
||
|
|
: null,
|
||
|
|
);
|
||
|
|
},
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
static String? _typeLabel(String? mediaType) => switch (mediaType) {
|
||
|
|
'tv' => '剧集',
|
||
|
|
'movie' => '电影',
|
||
|
|
_ => null,
|
||
|
|
};
|
||
|
|
}
|