关怀模式
This commit is contained in:
Developer
219
lib/widgets/care/care_mode_navigation.dart
Normal file
219
lib/widgets/care/care_mode_navigation.dart
Normal file
@@ -0,0 +1,219 @@
|
||||
/// 时间: 2026-04-02
|
||||
/// 功能: 关怀模式底部导航栏
|
||||
/// 介绍: 关怀模式下显示的简化底部导航栏，只包含诗词和答题两个入口
|
||||
/// 最新变化: 2026-04-02 初始创建
|
||||
|
||||
import 'dart:ui';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
import '../../config/app_config.dart';
|
||||
import '../../services/get/theme_controller.dart';
|
||||
|
||||
class CareModeNavigation extends StatelessWidget {
|
||||
final int currentIndex;
|
||||
final Function(int) onTap;
|
||||
|
||||
const CareModeNavigation({
|
||||
super.key,
|
||||
required this.currentIndex,
|
||||
required this.onTap,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final themeController = Get.find<ThemeController>();
|
||||
|
||||
return Obx(() {
|
||||
final isDark = themeController.isDarkMode;
|
||||
final enableBlur = themeController.enableBlurEffect;
|
||||
final primaryColor = themeController.currentThemeColor;
|
||||
|
||||
return _buildGlassBar(context, isDark, enableBlur, primaryColor);
|
||||
});
|
||||
}
|
||||
|
||||
Widget _buildGlassBar(
|
||||
BuildContext context,
|
||||
bool isDark,
|
||||
bool enableBlur,
|
||||
Color primaryColor,
|
||||
) {
|
||||
return SafeArea(
|
||||
top: false,
|
||||
child: Container(
|
||||
padding: EdgeInsets.only(
|
||||
left: AppConfig.liquidGlassHorizontalMargin,
|
||||
right: AppConfig.liquidGlassHorizontalMargin,
|
||||
bottom: AppConfig.liquidGlassBottomMargin,
|
||||
top: 8,
|
||||
),
|
||||
child: Container(
|
||||
height: AppConfig.liquidGlassHeight,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(
|
||||
AppConfig.liquidGlassCornerRadius,
|
||||
),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: isDark
|
||||
? Colors.black.withValues(alpha: 0.6)
|
||||
: Colors.black.withValues(alpha: 0.15),
|
||||
blurRadius: 35,
|
||||
spreadRadius: -10,
|
||||
offset: const Offset(0, 12),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(
|
||||
AppConfig.liquidGlassCornerRadius,
|
||||
),
|
||||
child: enableBlur
|
||||
? BackdropFilter(
|
||||
filter: ImageFilter.blur(
|
||||
sigmaX: AppConfig.liquidGlassBlur,
|
||||
sigmaY: AppConfig.liquidGlassBlur,
|
||||
),
|
||||
child: _buildGlassContent(isDark, primaryColor),
|
||||
)
|
||||
: _buildGlassContent(isDark, primaryColor),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildGlassContent(bool isDark, Color primaryColor) {
|
||||
return Stack(
|
||||
children: [
|
||||
Container(
|
||||
decoration: BoxDecoration(
|
||||
color: isDark
|
||||
? Colors.black.withValues(alpha: 0.4)
|
||||
: Colors.white.withValues(alpha: 0.9),
|
||||
borderRadius: BorderRadius.circular(
|
||||
AppConfig.liquidGlassCornerRadius,
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(
|
||||
AppConfig.liquidGlassCornerRadius,
|
||||
),
|
||||
border: Border.all(
|
||||
color: isDark
|
||||
? Colors.white.withValues(alpha: 0.2)
|
||||
: Colors.black.withValues(alpha: 0.1),
|
||||
width: 0.6,
|
||||
),
|
||||
),
|
||||
),
|
||||
_buildNavItems(primaryColor),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildNavItems(Color primaryColor) {
|
||||
final items = [
|
||||
_NavItem(Icons.menu_book_rounded, '📖', '诗词', 0),
|
||||
_NavItem(Icons.psychology_rounded, '🎯', '答题', 1),
|
||||
];
|
||||
|
||||
return Row(
|
||||
children: List.generate(items.length, (index) {
|
||||
return Expanded(
|
||||
child: _buildNavItem(
|
||||
items[index],
|
||||
index == currentIndex,
|
||||
primaryColor,
|
||||
),
|
||||
);
|
||||
}),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildNavItem(_NavItem item, bool isSelected, Color primaryColor) {
|
||||
final themeController = Get.find<ThemeController>();
|
||||
|
||||
return Obx(() {
|
||||
final isDark = themeController.isDarkMode;
|
||||
final enableAnimation = themeController.enableAnimation;
|
||||
|
||||
return Material(
|
||||
color: Colors.transparent,
|
||||
child: InkWell(
|
||||
onTap: () => onTap(item.index),
|
||||
splashColor: Colors.transparent,
|
||||
highlightColor: Colors.transparent,
|
||||
borderRadius: BorderRadius.circular(
|
||||
AppConfig.liquidGlassCornerRadius,
|
||||
),
|
||||
child: AnimatedContainer(
|
||||
duration: enableAnimation
|
||||
? const Duration(milliseconds: 250)
|
||||
: Duration.zero,
|
||||
curve: Curves.easeOutCubic,
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
enableAnimation
|
||||
? AnimatedScale(
|
||||
scale: isSelected ? 1.1 : 1.0,
|
||||
duration: const Duration(milliseconds: 200),
|
||||
curve: Curves.easeOutCubic,
|
||||
child: _buildIcon(
|
||||
item,
|
||||
isSelected,
|
||||
isDark,
|
||||
primaryColor,
|
||||
),
|
||||
)
|
||||
: _buildIcon(item, isSelected, isDark, primaryColor),
|
||||
const SizedBox(height: 3),
|
||||
AnimatedDefaultTextStyle(
|
||||
duration: enableAnimation
|
||||
? const Duration(milliseconds: 200)
|
||||
: Duration.zero,
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
fontWeight: isSelected ? FontWeight.w600 : FontWeight.w400,
|
||||
color: isSelected
|
||||
? primaryColor
|
||||
: (isDark ? Colors.grey[400] : Colors.grey[600]),
|
||||
letterSpacing: 0.15,
|
||||
),
|
||||
child: Text(item.label),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
Widget _buildIcon(
|
||||
_NavItem item,
|
||||
bool isSelected,
|
||||
bool isDark,
|
||||
Color primaryColor,
|
||||
) {
|
||||
return Icon(
|
||||
item.icon,
|
||||
size: 24,
|
||||
color: isSelected
|
||||
? primaryColor
|
||||
: (isDark ? Colors.grey[400] : Colors.grey[600]),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _NavItem {
|
||||
final IconData icon;
|
||||
final String emoji;
|
||||
final String label;
|
||||
final int index;
|
||||
|
||||
_NavItem(this.icon, this.emoji, this.label, this.index);
|
||||
}
|
||||
Reference in New Issue
Block a user