Flutter - Syncfusion Calendar 사용

Syncfusion Flutter 캘린더 라이브 사용 방법

라이브러리 참고

 

1. 라이브러리 추가

syncfusion_flutter_calendar: ^19.3.48

 

2. SfCalendar 추가

@override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        height: 500,
        width: double.infinity,
        child: Column(
          children: <Widget>[
			...
            _SfCalendarSetting()
            ...
          ],
        ),
      ),
    );
  }
  
  Widget _SfCalendarSetting() {
    return SfCalendar(
        view: CalendarView.month,
        ...
        headerHeight: 0,
        ...
     );
  }

Container height 설정 값 이유

: body 의 Container 에서 height 값을 주고 그 안에 SfCalendar 를 넣은 이유는 SfCalendar 자체의 height 을 잡아주는 부분이 없는것 같아서 그 윗단의 부모 Layout 을 만들어서 height 을 설정.

 

SfCalendar Header 없애는 방법

: SfCalendar 에서 별도로 header 를 없앨 수 있는 옵션이 보이지 않았다. 링크 참고  그렇기 때문에 Header 의 Height 을 0으로 설정했다.

 

- HeaderHeight 에 아무런 설정을 하지 않는 기본

- HeaderHeight 에 0 설정