135 lines
3.2 KiB
Dart
135 lines
3.2 KiB
Dart
// Author: fruit.com.cn
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import '../../../core/theme/app_colors.dart';
|
|
import '../../../l10n/app_localizations.dart';
|
|
|
|
/// 剧场页页头：品牌、搜索与个人页入口。
|
|
class DiscoverHeader extends StatelessWidget {
|
|
const DiscoverHeader({
|
|
super.key,
|
|
required this.onSearch,
|
|
required this.onProfile,
|
|
});
|
|
|
|
final VoidCallback onSearch;
|
|
final VoidCallback onProfile;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final l10n = AppLocalizations.of(context)!;
|
|
return SizedBox(
|
|
height: 46,
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 14),
|
|
child: Row(
|
|
children: [
|
|
_brand(l10n),
|
|
const Spacer(),
|
|
_HeaderIcon(
|
|
key: const Key('discover-search-button'),
|
|
icon: Icons.search_rounded,
|
|
tooltip: l10n.search,
|
|
onTap: onSearch,
|
|
),
|
|
const SizedBox(width: 8),
|
|
_profile(l10n),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _brand(AppLocalizations l10n) {
|
|
return Row(
|
|
children: [
|
|
Container(
|
|
width: 24,
|
|
height: 24,
|
|
alignment: Alignment.center,
|
|
decoration: BoxDecoration(
|
|
color: AppColors.blue,
|
|
borderRadius: BorderRadius.circular(7),
|
|
),
|
|
child: const Icon(
|
|
Icons.play_arrow_rounded,
|
|
color: AppColors.onPrimary,
|
|
size: 16,
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
Text(
|
|
l10n.discoverTab,
|
|
style: const TextStyle(
|
|
fontFamily: 'Outfit',
|
|
color: AppColors.onSurface,
|
|
fontSize: 15,
|
|
fontWeight: FontWeight.w800,
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _profile(AppLocalizations l10n) {
|
|
return Semantics(
|
|
button: true,
|
|
label: l10n.myTab,
|
|
child: InkWell(
|
|
key: const Key('discover-profile'),
|
|
customBorder: const CircleBorder(),
|
|
onTap: onProfile,
|
|
child: Container(
|
|
width: 36,
|
|
height: 36,
|
|
decoration: const BoxDecoration(
|
|
shape: BoxShape.circle,
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topLeft,
|
|
end: Alignment.bottomRight,
|
|
colors: [Color(0xFF6A5CFF), AppColors.blue],
|
|
),
|
|
),
|
|
child: const Icon(
|
|
Icons.person_rounded,
|
|
color: AppColors.onSurface,
|
|
size: 18,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _HeaderIcon extends StatelessWidget {
|
|
const _HeaderIcon({
|
|
super.key,
|
|
required this.icon,
|
|
required this.tooltip,
|
|
required this.onTap,
|
|
});
|
|
|
|
final IconData icon;
|
|
final String tooltip;
|
|
final VoidCallback onTap;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return SizedBox(
|
|
width: 36,
|
|
height: 36,
|
|
child: IconButton(
|
|
tooltip: tooltip,
|
|
onPressed: onTap,
|
|
padding: EdgeInsets.zero,
|
|
style: IconButton.styleFrom(
|
|
backgroundColor: const Color(0xFF2C2D33),
|
|
foregroundColor: AppColors.onSurface,
|
|
),
|
|
icon: Icon(icon, size: 18),
|
|
),
|
|
);
|
|
}
|
|
}
|