qzl/social-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 优化日历状态管理与首页输入框，添加API客户端抽象

Browse Source
This commit is contained in:
qzl
2026-02-27 18:36:21 +08:00
parent 80d04688fc
commit 3d6ae7695f
20 changed files with 2146 additions and 801 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/lib/features/calendar/ui/screens/calendar_month_screen.dart
+41 -68
View File
@@ -2,24 +2,44 @@ import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:go_router/go_router.dart';
import 'package:lucide_icons/lucide_icons.dart';
import '../../../../core/di/injection.dart';
import '../../../../core/theme/design_tokens.dart';
import '../calendar_state_manager.dart';
import '../calendar_time_utils.dart';
import '../widgets/bottom_dock.dart';
class CalendarMonthScreen extends StatefulWidget {
const CalendarMonthScreen({super.key});
final bool resetToToday;
const CalendarMonthScreen({super.key, this.resetToToday = false});
@override
State<CalendarMonthScreen> createState() => _CalendarMonthScreenState();
}
class _CalendarMonthScreenState extends State<CalendarMonthScreen> {
DateTime _currentMonth = DateTime(2026, 2, 1);
DateTime? _selectedDate;
late final CalendarStateManager _calendarManager;
late DateTime _currentMonth;
late DateTime _selectedDate;
@override
void initState() {
super.initState();
_calendarManager = sl<CalendarStateManager>();
if (widget.resetToToday) {
_calendarManager.resetToToday();
}
final savedDate = _calendarManager.selectedDate;
_selectedDate = savedDate;
_currentMonth = DateTime(savedDate.year, savedDate.month, 1);
}
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: const Color(0xFFF8FAFC),
backgroundColor: AppColors.todoBg,
body: SafeArea(
child: Column(
children: [
@@ -84,7 +104,7 @@ class _CalendarMonthScreenState extends State<CalendarMonthScreen> {
return Column(
children: [
_buildWeekdayHeader(),
Container(height: 1, color: const Color(0xFFE5E7EB)),
Container(height: 1, color: AppColors.border),
..._buildWeeks(),
],
);
@@ -108,7 +128,7 @@ class _CalendarMonthScreenState extends State<CalendarMonthScreen> {
style: const TextStyle(
fontSize: 11,
fontWeight: FontWeight.w600,
color: Color(0xFF9CA3AF),
color: AppColors.slate400,
),
),
),
@@ -140,7 +160,7 @@ class _CalendarMonthScreenState extends State<CalendarMonthScreen> {
for (var weekStart = 0; weekStart < totalCells; weekStart += 7) {
weeks.add(_buildWeekRow(weekStart, startWeekday, daysInMonth));
if (weekStart + 7 < totalCells) {
weeks.add(Container(height: 1, color: const Color(0xFFE5E7EB)));
weeks.add(Container(height: 1, color: AppColors.border));
}
}
@@ -165,24 +185,23 @@ class _CalendarMonthScreenState extends State<CalendarMonthScreen> {
_currentMonth.month,
dayIndex,
);
final isSelected =
_selectedDate != null &&
_selectedDate!.day == dayIndex &&
_selectedDate!.month == _currentMonth.month;
final isSelected = isSameDay(_selectedDate, date);
return GestureDetector(
onTap: () {
setState(() {
_selectedDate = date;
});
_calendarManager.setSelectedDate(date);
_calendarManager.setViewType(CalendarViewType.month);
final ymd = formatYmd(date);
context.push('/calendar/dayweek?date=$ymd');
},
child: Container(
width: 36,
height: 36,
decoration: BoxDecoration(
color: isSelected
? const Color(0xFFDBEAFE)
: Colors.transparent,
color: isSelected ? AppColors.blue100 : Colors.transparent,
borderRadius: BorderRadius.circular(18),
),
child: Center(
@@ -217,64 +236,15 @@ class _CalendarMonthScreenState extends State<CalendarMonthScreen> {
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: List.generate(7, (index) {
final dayIndex = weekStart + index - startWeekday + 1;
if (dayIndex == 10) {
return _buildEventDot();
if (dayIndex < 1 || dayIndex > daysInMonth) {
return const SizedBox(width: 38, height: 1);
}
return const SizedBox(width: 38, height: 1);
return const SizedBox(width: 38, height: 20);
}),
),
);
}
Widget _buildEventDot() {
return SizedBox(
width: 76,
height: 100,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(
height: 20,
padding: const EdgeInsets.symmetric(horizontal: 6),
decoration: BoxDecoration(
color: const Color(0xFFE5E7EB),
borderRadius: BorderRadius.circular(6),
),
child: const Center(
child: Text(
'购票提醒',
style: TextStyle(
fontSize: 9,
fontWeight: FontWeight.w500,
color: Color(0xFF6B7280),
),
),
),
),
const SizedBox(height: 4),
Container(
height: 20,
padding: const EdgeInsets.symmetric(horizontal: 6),
decoration: BoxDecoration(
color: const Color(0xFFE9D5FF),
borderRadius: BorderRadius.circular(6),
),
child: const Center(
child: Text(
'购票提醒',
style: TextStyle(
fontSize: 9,
fontWeight: FontWeight.w500,
color: Color(0xFF6B21A8),
),
),
),
),
],
),
);
}
void _showMonthPicker() {
showModalBottomSheet(
context: context,
@@ -351,9 +321,12 @@ class _CalendarMonthScreenState extends State<CalendarMonthScreen> {
Widget _buildBottomDock() {
return BottomDock(
activeTab: DockTab.calendar,
onTodoTap: () => context.push('/todo'),
onTodoTap: () {
_calendarManager.setViewType(CalendarViewType.month);
context.push('/todo');
},
onCalendarTap: () {},
onHomeTap: () => Navigator.of(context).pop(),
onHomeTap: () => context.go('/home'),
);
}
}