streak_calendar 1.0.2

streak_calendar: ^1.0.2 copied to clipboard

example/lib/main.dart

import 'package:streak_calendar/streak_calendar.dart';
import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Calendar App',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(useMaterial3: true),
      darkTheme: ThemeData.dark(useMaterial3: true),
      themeMode: ThemeMode.system,
      home: const Home(),
    );
  }
}

class Home extends StatefulWidget {
  const Home({Key? key}) : super(key: key);

  @override
  State<Home> createState() => _HomeState();
}

class _HomeState extends State<Home> {
  List<DateTime> selectedDates = [];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        elevation: 2,
        title: const Text("Calendar"),
      ),
      body: Center(
        child: ListView(
          children: [
            CleanCalendar(
              enableDenseViewForDates: true,
              enableDenseSplashForDates: true,
              datesForStreaks: [
                DateTime(2024, 01, 1),
                DateTime(2024, 01, 2),
                DateTime(2024, 01, 3),
                DateTime(2024, 01, 4),
                DateTime(2024, 01, 5),
                DateTime(2024, 01, 6),
                DateTime(2024, 01, 8),
                DateTime(2024, 01, 9),
                DateTime(2024, 01, 10),
              ],
              datesForSkips: [
                DateTime(2024, 01, 3),
                DateTime(2024, 01, 10),
                DateTime(2024, 01, 22),
                DateTime(2024, 01, 29),
              ],
              datesForFails: [
                DateTime(2024, 01, 7),
                DateTime(2024, 01, 20),
                DateTime(2024, 01, 21),
                DateTime(2024, 01, 23),
                DateTime(2024, 01, 24),
                DateTime(2024, 01, 25),
              ],
              streakDatesProperties: DatesProperties(
                datesDecoration: DatesDecoration(
                  datesBorderRadius: 10,
                  datesBackgroundColor: Colors.green[400],
                  datesBorderColor: Colors.green[400],
                  datesTextColor: Colors.white,
                ),
              ),
              skipDatesProperties: DatesProperties(
                datesDecoration: DatesDecoration(
                  datesBorderRadius: 10,
                  datesBackgroundColor: Colors.white,
                  datesBorderColor: Colors.green[400],
                  datesTextColor: Colors.black,
                ),
              ),
              failDatesProperties: DatesProperties(
                datesDecoration: DatesDecoration(
                  datesBorderRadius: 10,
                  datesBackgroundColor: Colors.white,
                  datesBorderColor: Colors.red,
                  datesTextColor: Colors.black,
                ),
              ),
              currentDateProperties: DatesProperties(
                datesDecoration: DatesDecoration(
                  datesBorderRadius: 10,
                  datesBackgroundColor: Colors.green[400],
                  datesBorderColor: Colors.green[400],
                  datesTextColor: Colors.white,
                ),
              ),
              generalDatesProperties: DatesProperties(
                datesDecoration: DatesDecoration(
                  datesBorderRadius: 10,
                  datesBackgroundColor: Colors.white,
                  datesBorderColor: Colors.white,
                  datesTextColor: Colors.black,
                ),
              ),              
              // dateSelectionMode: DatePickerSelectionMode.singleOrMultiple,
              // startWeekday: WeekDay.wednesday,
              // selectedDates: selectedDates,
              // onCalendarViewDate: (DateTime calendarViewDate) {
              //   // print(calendarViewDate);
              // },
              // onSelectedDates: (List<DateTime> value) {
              //   setState(() {
              //     if (selectedDates.contains(value.first)) {
              //       selectedDates.remove(value.first);
              //     } else {
              //       selectedDates.add(value.first);
              //     }
              //   });
                // print(selectedDates);
              // },
            ),
            const SizedBox(
              height: 20,
            ),
            // CleanCalendar(
            //   datePickerCalendarView: DatePickerCalendarView.weekView,
            //   enableDenseViewForDates: true,
            //   enableDenseSplashForDates: true,
            //   datesForStreaks: [
            //     DateTime(2023, 01, 5),
            //     DateTime(2023, 01, 6),
            //     DateTime(2023, 01, 7),
            //     DateTime(2023, 01, 9),
            //     DateTime(2023, 01, 10),
            //     DateTime(2023, 01, 11),
            //     DateTime(2023, 01, 13),
            //     DateTime(2023, 01, 20),
            //     DateTime(2023, 01, 21),
            //     DateTime(2023, 01, 23),
            //     DateTime(2023, 01, 24),
            //     DateTime(2023, 01, 25),
            //   ],
            //   dateSelectionMode: DatePickerSelectionMode.singleOrMultiple,
            //   onCalendarViewDate: (DateTime calendarViewDate) {
            //     // print(calendarViewDate);
            //   },
            //   selectedDates: selectedDates,
            //   onSelectedDates: (List<DateTime> value) {
            //     setState(() {
            //       if (selectedDates.contains(value.first)) {
            //         selectedDates.remove(value.first);
            //       } else {
            //         selectedDates.add(value.first);
            //       }
            //     });
            //     // print(selectedDates);
            //   },
            // ),
            // CleanCalendar(
            //   headerProperties: HeaderProperties(
            //     monthYearDecoration: MonthYearDecoration(
            //       monthYearTextColor: Colors.amber,
            //       monthYearTextStyle: Theme.of(context).textTheme.labelMedium,
            //     ),
            //     navigatorDecoration: NavigatorDecoration(
            //       navigatorResetButtonIcon: const Icon(
            //         Icons.restart_alt,
            //         color: Colors.amber,
            //       ),
            //       navigateLeftButtonIcon: const Icon(
            //         Icons.arrow_circle_left,
            //         color: Colors.amber,
            //       ),
            //       navigateRightButtonIcon: const Icon(
            //         Icons.arrow_circle_right,
            //         color: Colors.amber,
            //       ),
            //     ),
            //   ),
            //   datePickerCalendarView: DatePickerCalendarView.weekView,
            //   enableDenseViewForDates: true,
            //   enableDenseSplashForDates: true,
            //   datesForStreaks: [
            //     DateTime(2023, 01, 5),
            //     DateTime(2023, 01, 6),
            //     DateTime(2023, 01, 7),
            //     DateTime(2023, 01, 9),
            //     DateTime(2023, 01, 10),
            //     DateTime(2023, 01, 11),
            //     DateTime(2023, 01, 13),
            //     DateTime(2023, 01, 20),
            //     DateTime(2023, 01, 21),
            //     DateTime(2023, 01, 23),
            //     DateTime(2023, 01, 24),
            //     DateTime(2023, 01, 25),
            //   ],
            //   dateSelectionMode: DatePickerSelectionMode.disable,
            //   onCalendarViewDate: (DateTime calendarViewDate) {
            //     // print(calendarViewDate);
            //   },
            //   startWeekday: WeekDay.monday,
            //   weekdaysSymbol: const Weekdays(
            //     sunday: "s",
            //     monday: "m",
            //     tuesday: "t",
            //     wednesday: "w",
            //     thursday: "t",
            //     friday: "f",
            //     saturday: "s",
            //   ),
            //   monthsSymbol: const Months(
            //       january: "Jan",
            //       february: "Feb",
            //       march: "Mar",
            //       april: "Apr",
            //       may: "May",
            //       june: "Jun",
            //       july: "Jul",
            //       august: "Aug",
            //       september: "Sep",
            //       october: "Oct",
            //       november: "Nov",
            //       december: "Dec"),
            //   weekdaysProperties: WeekdaysProperties(
            //     generalWeekdaysDecoration:
            //         WeekdaysDecoration(weekdayTextColor: Colors.red),
            //     sundayDecoration: WeekdaysDecoration(
            //         weekdayTextColor: Colors.green,
            //         weekdayTextStyle:
            //             Theme.of(context).textTheme.headlineMedium),
            //     saturdayDecoration: WeekdaysDecoration(
            //         weekdayTextColor: Colors.green,
            //         weekdayTextStyle:
            //             Theme.of(context).textTheme.headlineMedium),
            //   ),
            // ),
          ],
        ),
      ),
    );
  }
}