feat:更新UI布局
This commit is contained in:
40
lib/widget/record/record_calendar.dart
Normal file
40
lib/widget/record/record_calendar.dart
Normal file
@@ -0,0 +1,40 @@
|
||||
import 'package:fitnote/provider/health_provider.dart';
|
||||
import 'package:fitnote/service/health_service.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:table_calendar/table_calendar.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
class RecordCalendar extends StatefulWidget {
|
||||
const RecordCalendar({super.key});
|
||||
|
||||
@override
|
||||
State<RecordCalendar> createState() => _RecordCalendarState();
|
||||
}
|
||||
|
||||
class _RecordCalendarState extends State<RecordCalendar> {
|
||||
final HealthService service = HealthService();
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final provider = context.watch<HealthProvider>();
|
||||
|
||||
return TableCalendar(
|
||||
locale: 'zh_CN',
|
||||
headerStyle: const HeaderStyle(
|
||||
headerPadding: EdgeInsets.symmetric(vertical: 0),
|
||||
formatButtonVisible: false,
|
||||
titleCentered: true,
|
||||
),
|
||||
firstDay: DateTime.utc(2010, 1, 1),
|
||||
lastDay: DateTime.utc(2100, 12, 31),
|
||||
focusedDay: provider.selectedDate,
|
||||
selectedDayPredicate: (day) => isSameDay(provider.selectedDate, day),
|
||||
onDaySelected: (selectedDay, focusedDay) {
|
||||
if (!isSameDay(provider.selectedDate, selectedDay)) {
|
||||
provider.updateSelectDate(selectedDay);
|
||||
provider.updateRecord(service.getRecordByDate(provider.selectedDate));
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user