table_calendar for flutter

 

https://pub.dev/packages/table_calendar

 

TableCalendar(
  firstDay: DateTime.utc(2010, 10, 16),
  lastDay: DateTime.utc(2030, 3, 14),
  focusedDay: DateTime.now(),
);

 

firstDay: 캘린더에서 가능한 첫째일. 이 날짜 이전에 접근불가.

lastDay: 캘린더에서 가능한 마지막일.

focusedDay: 현재 타겟되는 날짜. 몇월을 보여줘야 하는지 결정해준다.

 

selectedDayPredicate: (day) {
  return isSameDay(_selectedDay, day);
},
onDaySelected: (selectedDay, focusedDay) {
  setState(() {
    _selectedDay = selectedDay;
    _focusedDay = focusedDay; // update `_focusedDay` here as well
  });
},

탭 했을 때 탭한 날짜를 선택한 날짜로 보여지게 한다

...