120 lines
3.6 KiB
Dart
120 lines
3.6 KiB
Dart
// Author: fruit.com.cn
|
|
// 剧场页筛选、排行、新剧、预约四个入口。
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import '../../../core/theme/app_colors.dart';
|
|
import '../../../l10n/app_localizations.dart';
|
|
import '../../filter/filter_page.dart';
|
|
import '../../new_releases/new_releases_page.dart';
|
|
import '../../ranking/ranking_page.dart';
|
|
import '../../reserve/reserve_page.dart';
|
|
|
|
const double _toolbarHeight = 36;
|
|
const double _toolbarGap = 10;
|
|
const double _toolbarRadius = 10;
|
|
const Color _filterIconColor = AppColors.blueSoft;
|
|
const Color _newIconColor = AppColors.blueSoft;
|
|
|
|
/// 剧场工具条。点按后由调用方打开对应页面。
|
|
class DiscoverToolbar extends StatelessWidget {
|
|
const DiscoverToolbar({super.key, required this.onOpen});
|
|
|
|
final void Function(Widget page) onOpen;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final l10n = AppLocalizations.of(context)!;
|
|
return Padding(
|
|
padding: const EdgeInsets.fromLTRB(14, 2, 14, 12),
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
child: _button(
|
|
key: const Key('theater-toolbar-filter'),
|
|
icon: Icons.tune_rounded,
|
|
color: _filterIconColor,
|
|
label: l10n.filter,
|
|
onTap: () => onOpen(const FilterPage()),
|
|
),
|
|
),
|
|
const SizedBox(width: _toolbarGap),
|
|
Expanded(
|
|
child: _button(
|
|
key: const Key('theater-toolbar-ranking'),
|
|
icon: Icons.local_fire_department_rounded,
|
|
color: AppColors.blue,
|
|
label: l10n.rankingTab,
|
|
onTap: () => onOpen(const RankingPage()),
|
|
),
|
|
),
|
|
const SizedBox(width: _toolbarGap),
|
|
Expanded(
|
|
child: _button(
|
|
key: const Key('theater-toolbar-new'),
|
|
icon: Icons.play_circle_fill_rounded,
|
|
color: _newIconColor,
|
|
label: l10n.newDramas,
|
|
onTap: () => onOpen(const NewReleasesPage()),
|
|
),
|
|
),
|
|
const SizedBox(width: _toolbarGap),
|
|
Expanded(
|
|
child: _button(
|
|
key: const Key('theater-toolbar-reserve'),
|
|
icon: Icons.calendar_month_rounded,
|
|
color: AppColors.blue,
|
|
label: l10n.reserve,
|
|
onTap: () => onOpen(const ReservePage()),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _button({
|
|
required Key key,
|
|
required IconData icon,
|
|
required Color color,
|
|
required String label,
|
|
required VoidCallback onTap,
|
|
}) {
|
|
return Material(
|
|
color: AppColors.card,
|
|
borderRadius: BorderRadius.circular(_toolbarRadius),
|
|
child: InkWell(
|
|
key: key,
|
|
onTap: onTap,
|
|
borderRadius: BorderRadius.circular(_toolbarRadius),
|
|
child: Container(
|
|
height: _toolbarHeight,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(_toolbarRadius),
|
|
border: Border.all(color: AppColors.border),
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Icon(icon, size: 16, color: color),
|
|
const SizedBox(width: 4),
|
|
Flexible(
|
|
child: Text(
|
|
label,
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: const TextStyle(
|
|
color: AppColors.onSurface,
|
|
fontSize: 13,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|