カテゴリー・パッケージ・リポジトリを検索

scrollable_clean_calendar のカバー
パッケージ詳細v1.5.0

scrollable_clean_calendar

垂直スクロール、ロケール、範囲選択日付を備えたクリーンなカレンダーウィジェット

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
1万
いいね数
178
Pub ポイント
150

パッケージをインストール

flutter pub add scrollable_clean_calendar

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

ロケールカスタマイズと日付範囲選択をサポートする、Flutter用のクリーンで垂直スクロール可能なカレンダーウィジェットです。シンプルさと使いやすさを重視し、スムーズなスクロールで月をナビゲートし、直感的に日付範囲を選択できます。このパッケージはAndroid、iOS、Web、macOS、Windows、Linuxなどすべての主要プラットフォームで互換性があります。国際化対応を備えたミニマリストでありながら機能的なカレンダーインターフェースを必要とするアプリに最適です。

用途

  • 予約アプリにおける日付範囲の選択
  • タスク管理ツールにおけるカレンダービュー
  • ロケール対応のスケジューリングインターフェース
  • 旅行またはイベント計画アプリケーション
  • ユーザープロフィール日付入力フォーム

主な機能

  • 垂直スクロールナビゲーション
  • ロケール対応
  • 日付範囲の選択
  • ミニマリスティックデザイン
  • クロスプラットフォーム互換性
  • カスタマイズ可能なスタイル

適している対象

  • スケジューリングまたは予約機能を構築している開発者
  • 国際化された日付ピッカーを必要とするアプリ
  • クリーンな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 件

ソースリポジトリ

このパッケージを使用しているプロジェクト