mapa

2023-04-22 14:33:53 -05:00
parent f702d4e0e6
commit 03bd8401b5
12 changed files with 642 additions and 216 deletions
@@ -0,0 +1,78 @@
+import 'package:flutter/material.dart';
+import 'package:prosappco/src/components/pop_appbar.dart';
+import 'package:table_calendar/table_calendar.dart';
+
+class CalendarScreen extends StatefulWidget {
+  const CalendarScreen({super.key});
+
+  @override
+  State<CalendarScreen> createState() => _CalendarScreenState();
+}
+
+class _CalendarScreenState extends State<CalendarScreen> {
+  CalendarFormat _calendarFormat = CalendarFormat.month;
+  DateTime today = DateTime.now();
+
+  @override
+  void initState() {
+    super.initState();
+  }
+
+  void _onDaySelected(DateTime day, DateTime focusedDay) {
+    setState(() {
+      today = day;
+    });
+  }
+
+  void _onFormatChange(CalendarFormat format) {
+    setState(() {
+      _calendarFormat = format;
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    // DateTime firstDay = today.subtract(Duration(days: 365));
+    DateTime lastDay = today.add(const Duration(days: 365));
+
+    return SafeArea(
+      child: Scaffold(
+        appBar: PopAppbar(
+          onPressed: () {
+            Navigator.pop(context);
+          },
+          label: 'Calendario',
+        ),
+        body: SingleChildScrollView(
+          child: Column(
+            children: [
+              Container(
+                color: const Color.fromARGB(255, 224, 247, 255),
+                child: TableCalendar(
+                  locale: 'es_MX',
+                  firstDay: DateTime.utc(2010, 10, 16),
+                  lastDay: lastDay,
+                  focusedDay: today,
+                  availableGestures: AvailableGestures.all,
+                  onDaySelected: _onDaySelected,
+                  selectedDayPredicate: (day) => isSameDay(day, today),
+                  calendarFormat: _calendarFormat,
+                  onFormatChanged: _onFormatChange,
+                  availableCalendarFormats: const {
+                    CalendarFormat.month: 'Mes',
+                    CalendarFormat.week: 'Semana',
+                    CalendarFormat.twoWeeks: '2 Semanas',
+                  },
+                ),
+              ),
+            ],
+          ),
+        ),
+        floatingActionButton: FloatingActionButton(
+          onPressed: () {},
+          child: const Icon(Icons.add),
+        ),
+      ),
+    );
+  }
+}