qzl
126 lines
3.1 KiB
Dart
126 lines
3.1 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import '../../l10n/app_localizations.dart';
|
|
|
|
import '../theme/design_tokens.dart';
|
|
|
|
enum MainTab { home, profile }
|
|
|
|
class BottomNavBar extends StatelessWidget {
|
|
const BottomNavBar({
|
|
super.key,
|
|
required this.currentTab,
|
|
required this.onTabChange,
|
|
required this.onLogoTap,
|
|
});
|
|
|
|
final MainTab currentTab;
|
|
final ValueChanged<MainTab> onTabChange;
|
|
final VoidCallback onLogoTap;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final l10n = AppLocalizations.of(context)!;
|
|
final colors = Theme.of(context).colorScheme;
|
|
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(vertical: AppSpacing.sm),
|
|
color: colors.surface,
|
|
child: SafeArea(
|
|
top: false,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
children: [
|
|
_NavItem(
|
|
icon: Icons.home,
|
|
label: l10n.homeTab,
|
|
selected: currentTab == MainTab.home,
|
|
onTap: () => onTabChange(MainTab.home),
|
|
),
|
|
GestureDetector(
|
|
onTap: onLogoTap,
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(AppRadius.lg),
|
|
child: Image.asset(
|
|
'assets/images/logo.png',
|
|
width: 56,
|
|
height: 56,
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
),
|
|
_NavItem(
|
|
icon: Icons.person,
|
|
label: l10n.profileTab,
|
|
selected: currentTab == MainTab.profile,
|
|
onTap: () => onTabChange(MainTab.profile),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _NavItem extends StatelessWidget {
|
|
const _NavItem({
|
|
required this.icon,
|
|
required this.label,
|
|
required this.selected,
|
|
required this.onTap,
|
|
});
|
|
|
|
final IconData icon;
|
|
final String label;
|
|
final bool selected;
|
|
final VoidCallback onTap;
|
|
|
|
IconData get _filledIcon {
|
|
switch (icon) {
|
|
case Icons.home:
|
|
return Icons.home;
|
|
case Icons.person:
|
|
return Icons.person;
|
|
default:
|
|
return icon;
|
|
}
|
|
}
|
|
|
|
IconData get _outlinedIcon {
|
|
switch (icon) {
|
|
case Icons.home:
|
|
return Icons.home_outlined;
|
|
case Icons.person:
|
|
return Icons.person_outline;
|
|
default:
|
|
return icon;
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final colors = Theme.of(context).colorScheme;
|
|
return InkWell(
|
|
onTap: onTap,
|
|
borderRadius: BorderRadius.circular(AppRadius.md),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(AppSpacing.sm),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Icon(selected ? _filledIcon : _outlinedIcon, color: colors.primary),
|
|
const SizedBox(height: AppSpacing.xs),
|
|
Text(
|
|
label,
|
|
style: Theme.of(context).textTheme.bodySmall?.copyWith(
|
|
color: colors.primary,
|
|
fontWeight: selected ? FontWeight.w600 : FontWeight.w500,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|