Flutter Table_calendar

플러터에는 달력을 그릴 수 있는 패키지가 존재한다. 그 중 하나가 Table_calendar 이고, 오늘은 그 패키지에 대한 공부를 해보도록 하겠다.

사실 나는 api문서를 보는것을 어려워 하는 편이라 사람들이 정리해둔것을 익히는 편이다.

우선 기본적으로 pubspec.yaml 파일의 dependencies 안에 tablecalendar를 사용한다고 선언하자.

이후에 달력이 필요한 곳에

필수요소는 위의 날짜들이다.
focusedDay는 현재 날짜
firstDay는 첫번째 날짜
lastDay는 마지막 날짜가 된다.
뒤의 값들은 아무렇게나 넣어도 된다.

rowHeight는 달력의 크기를 뜻한다.
locale은 언어 설정인데, ko-KR 로 한국어로 변경한다.
daysOfWeekHeight는 요일과 달력의 간격이다. 숫자를 넣다보면 감이올것
headerVisible은 헤더를 보여줄지 말지 선택이다. 난 헤더를 따로 넣었기에 안보이게 설정했다.

이런식으로 달력의 숫자위에 실선을 그어준다.

calendarBuilders를 사용해서 각 빌더에 내가 만든 위젯을 추가한다.
참고 : https://1986hz.tistory.com/195

결과물은 아래와 같다. 아무도 실선 긋는 모습을 보여주지 않아서 gpt하고 같이 으쌰으쌰 했다..