분류, 패키지 및 저장소 검색

scrollable_clean_calendar 표지
패키지 상세v1.5.0

scrollable_clean_calendar

수직 스크롤, 로케일 및 범위 선택 날짜를 갖춘 깔끔한 달력 위젯

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
1만
좋아요
178
Pub 점수
150

패키지 설치

flutter pub add scrollable_clean_calendar

패키지 개요

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

로케일 사용자 정의 및 날짜 범위 선택을 지원하는 깔끔하고 수직 스크롤 가능한 플러터 캘린더 위젯입니다. 단순성과 사용 편의성을 고려해 설계되었으며, 부드러운 스크롤을 통해 월을 탐색하고 직관적으로 날짜 범위를 선택할 수 있습니다. 이 패키지는 안드로이드, iOS, 웹, 맥OS, 윈도우, 리눅스 등 모든 주요 플랫폼에서 호환됩니다. 국제화 지원이 있는 최소한의 기능적 캘린더 인터페이스가 필요한 앱에 적합합니다.

사용 사례

  • 예약 앱에서 날짜 범위 선택
  • 작업 관리 도구에서의 캘린더 보기
  • 로케일 인식 스케줄링 인터페이스
  • 여행 또는 이벤트 기획 애플리케이션
  • 사용자 프로필 날짜 입력 양식

주요 기능

  • 수직 스크롤 탐색
  • 로케일 지원
  • 날짜 범위 선택
  • 미니멀리스트 디자인
  • 크로스 플랫폼 호환성
  • 사용자 지정 스타일

적합한 대상

  • 일정 또는 예약 기능을 개발하는 개발자
  • 국제화된 날짜 선택기가 필요한 앱
  • 클린한 UI 디자인을 우선시하는 프로젝트
  • 다중 플랫폼을 대상으로 하는 Flutter 앱
  • 경량 캘린더 솔루션을 찾는 사용자

고려 사항

  • 수직 스크롤링만 가능
  • 내장된 월/연도 선택 컨트롤 없음
  • 일자 범위 로직을 수동으로 처리해야 함
  • 큰 날짜 범위에 최적화되지 않음
  • 복잡한 테마를 위해 추가 스타일링이 필요할 수 있습니다

원본 README

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

Pub GitHub contributors

Scrollable Clean Calendar

A clean calendar widget with vertical scroll, locale and range selection date.

Contributors


Rodrigo Dobbin Fellows

Eduardo Natale

Fabio Fiuza

Filippo Pizzicola

Lucian Risso Correia

Installation

Add

scrollable_clean_calendar: 1.5.0

to your pubspec.yaml and run

flutter pub get

in the project's main folder.

Parameters

ScrollableCleanCalendar
Parameter Type Default Description
calendarController CleanCalendarController required The controller of ScrollableCleanCalendar
locale String en The language locale
scrollController ScrollController null Scroll controller, if you use this controller the Parameter initialFocusDate and the Functions scrollToMonth and jumpToMonth won't work since this override the scrollable list controller. Do not use them together or you will receive a nullPointer Exception
showWeekdays bool true If is to show or not the weekdays in calendar
layout Layout null What layout (design) is going to be used. Important: layout is required if you don't use all the layout builders
spaceBetweenMonthAndCalendar double 24 The space between month and calendar
spaceBetweenCalendars double 24 The space between calendars
initialFocusDate DateTime null Initial date that the calendar scroll should focus when open
scrollToMonth Function({required DateTime date, double alignment = 0, required Duration duration, Curve curve = Curves.linear, List<double> opacityAnimationWeights = const [40, 20, 40]}) null Animate the list over duration using the given curve such that the item at index ends up with its leading edge at the given alignment.
jumpToMonth Function ({required DateTime date, double alignment = 0}) null Immediately, without animation, reconfigure the list so that the item at index's leading edge is at the given alignment.
calendarCrossAxisSpacing double 4 The horizontal space in the calendar dates
calendarMainAxisSpacing double 4 The vertical space in the calendar dates
padding EdgeInsetsGeometry EdgeInsets.symmetric(horizontal: 16, vertical: 32) The parent padding
monthTextStyle TextStyle Theme.of(context).textTheme.headline6 The label text style of month
monthTextAlign TextAlign TextAlign.left The label text align of month
weekdayTextStyle TextStyle Theme.of(context).textTheme.bodyText1 The label text align of month
weekdayAspectRatio double 1.0 The aspect ratio of weekday items
dayTextStyle TextStyle Theme.of(context).textTheme.bodyText1 The label text style of day
dayAspectRatio double 1.0 The aspect ratio of day items
daySelectedBackgroundColor Color Theme.of(context).colorScheme.primary The day selected background color
dayBackgroundColor Color Theme.of(context).colorScheme.surface The day background color
daySelectedBackgroundColorBetween Color Theme.of(context).colorScheme.primary.withOpacity(.3) The day selected background color that is between day selected edges
dayDisableBackgroundColor Color Theme.of(context).colorScheme.surface.withOpacity(.4) The day disable background color
dayDisableColor Color Theme.of(context).colorScheme.onSurface.withOpacity(.5) The day disable color
dayRadius double 6 The radius of day items
monthBuilder Widget Function(BuildContext context, String month) null A builder to make a customized month
weekdayBuilder Widget Function(BuildContext context, String weekday) null A builder to make a customized weekday
dayBuilder Widget Function(BuildContext context, DayValues values) null A builder to make a customized day of calendar
CleanCalendarController
Parameter Type Default Description
minDate DateTime required Obrigatory: The mininimum date to show
maxDate DateTime required Obrigatory: The maximum date to show
initialDateSelected DateTime null An initial selected date
endDateSelected DateTime null The end of selected range
weekdayStart int DateTime.monday In what weekday position the calendar is going to start
onDayTapped Function(DateTime date) null Function when a day is tapped
onRangeSelected Function(DateTime minDate, DateTime? maxDate) null Function when a range is selected
onPreviousMinDateTapped Function(DateTime date) null When a date before the min date is tapped
onAfterMaxDateTapped Function(DateTime date) null When a date after max date is tapped
rangeMode bool true If the range is enabled
readOnly bool false If the Calendar Widget is on read-only mode

Layout.DEFAULT

ScrollableCleanCalendar(
  calendarController: calendarController,
  layout: Layout.DEFAULT,
),

Layout.BEAUTY

ScrollableCleanCalendar(
  calendarController: calendarController,
  layout: Layout.BEAUTY,
  calendarCrossAxisSpacing: 0,
),

카테고리

의존성

의존성 목록 2 개

소스 저장소

이 패키지를 사용하는 프로젝트