flutter_calendar_week

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

Flutter 패키지로, 사용자 정의 가능한 주 단위 캘린더 UI를 제공하여 주간 일정을 표시하고 상호작용하는 데 이상적입니다. Android, iOS, Web, macOS, Windows, Linux 등 여러 플랫폼을 지원합니다. 깔끔하고 반응형 레이아웃을 통해 주의 요일을 보여주며, 선택적인 날짜 선택 및 스타일링도 가능합니다. 복잡한 설정 없이 앱에 주간 캘린더 보기 기능을 통합하고자 하는 개발자를 위한 가벼운 솔루션으로 설계되었습니다.

사용 사례

주간 일정 표시
주 기반 계획 기능 통합
예약 또는 작업 관리 앱 구축
시간 추적 인터페이스 만들기
반복 이벤트 캘린더 구현

주요 기능

주 뷰 레이아웃
크로스 플랫폼 호환성
사용자 지정 스타일
날짜 선택 지원
반응형 디자인

적합한 대상

캘린더 앱을 개발하는 개발자
주간 계획 도구가 필요한 팀
시간 기반 데이터 시각화가 필요한 앱
UI 일관성에 중점을 둔 프론트엔드 디자이너
여러 운영 체제를 대상으로 하는 프로젝트

고려 사항

주 단위 뷰로 제한
내장된 이벤트 관리 없음
일자 논리 처리를 수동으로 수행해야 합니다
월 또는 연도 뷰에 적합하지 않습니다
완전한 캘린더 라이브러리와의 비교에서 기본 상호작용

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

Flutter calendar week

Flutter calendar week UI package

Screenshot:

import 'package:flutter_calendar_week/flutter_calendar_week.dart';

CalendarWeek(
              controller: CalendarWeekController(),
              height: 100,
              showMonth: true,
              minDate: DateTime.now().add(
                Duration(days: -365),
              ),
              maxDate: DateTime.now().add(
                Duration(days: 365),
              ),
              
              onDatePressed: (DateTime datetime) {
                // Do something
              },
              onDateLongPressed: (DateTime datetime) {
               // Do something
              },
              onWeekChanged: () {
                // Do something
              },
              monthViewBuilder: (DateTime time) => Align(
                  alignment: FractionalOffset.center,
                  child: Container(
                      margin: const EdgeInsets.symmetric(vertical: 4),
                      child: Text(
                        DateFormat.yMMMM().format(time),
                        overflow: TextOverflow.ellipsis,
                        textAlign: TextAlign.center,
                        style: TextStyle(
                            color: Colors.blue, fontWeight: FontWeight.w600),
                      )),
                ),
              decorations: [
                DecorationItem(
                    decorationAlignment: FractionalOffset.bottomRight,
                    date: DateTime.now(),
                    decoration: Icon(
                      Icons.today,
                      color: Colors.blue,
                    )),
                DecorationItem(
                    date: DateTime.now().add(Duration(days: 3)),
                    decoration: Text(
                      'Holiday',
                      style: TextStyle(
                        color: Colors.brown,
                        fontWeight: FontWeight.w600,
                      ),
                    )),
              ],
            )

패키지, 저장소 및 앱 카테고리 검색

패키지 설치