flutter_advanced_calendar

パッケージ概要

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

Flutter Advanced Calendar は、広範な UI および機能カスタマイズを可能にする豊富な API を提供する、非常にカスタマイズ可能なカレンダーウィジェットです。開発者が特定のアプリデザインに合わせて独自で視覚的に魅力的なカレンダーを作成できるように設計されています。Android、iOS、Web、macOS、Windows、Linux といったすべての主要プラットフォームに対応しており、デバイスに関係なく一貫した体験を実現します。このパッケージは柔軟性を重視し、テーマ、スタイル、イベント処理との深い統合を可能にしています。

用途

カスタムイベントスケジューリングインターフェース
アプリ固有の日付ピッカー
生産性アプリにおける豊富なカレンダービュー
インタラクティブなタイムライン表示
クロスプラットフォームカレンダーコンポーネント

主な機能

広範なウィジェットカスタマイズ
複数プラットフォームのサポート
イベントおよび日付のハイライト
非常に柔軟なレイアウトオプション
組み込みのローカリゼーションサポート

適している対象

高度なカレンダーUIを必要とする開発者
カスタム日付選択を必要とするアプリ
複数のオペレーティングシステムをターゲットにするプロジェクト

注意事項

Flutter のウィジェットシステムに精通している必要がある
複雑なデザインには追加のスタイリング作業が必要になる場合があります
基本的な使用方法以外のドキュメントは限られている

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

An advanced calendar provides a rich API for widget customization that opens a new look and feel in your app.

Advanced Calendar Theme LAF

Advanced Calendar Light Theme	Advanced Calendar Dark Theme

Examples

Regular Calendar

final _controller = AdvancedCalendarController.today();
// ...
AdvancedCalendar(
    controller: _controller,
)
// ...

Custom Date Calendar

final _controller = AdvancedCalendarController.custom(DateTime(2021, 2, 15));
// ...
final theme = ThemeData.light();

Theme(
  data: theme.copyWith(
    textTheme: theme.textTheme.copyWith(
      subtitle1: Ttheme.textTheme.subtitle1.copyWith(
        fontSize: 16,
        color: theme.accentColor,
      ),
      bodyText1: theme.textTheme.bodyText1.copyWith(
        fontSize: 14,
        color: Colors.black54,
      ),
      bodyText2: theme.textTheme.bodyText1.copyWith(
        fontSize: 12,
        color: Colors.black87,
      ),
    ),
    primaryColor: Colors.red,
    highlightColor: Colors.yellow,
    disabledColor: Colors.green,
  ),
  child: AdvancedCalendar(
    controller: _calendarControllerCustom,
    weekLineHeight: 48.0,
  ),
),
// ...

AdvancedCalendar Parameters

Parameter	Description	Type	Default
`controller`	Controller that manage calendar state	AdvancedCalendarController	required
`weekLineHeight`	Height of week line	double	32.0
`preloadMonthViewAmount`	Amount of months in month view to preload	int	13
`preloadWeekViewAmount`	Amount of weeks in week view to preload	int	21
`weeksInMonthViewAmount`	Weeks lines amount in month view	int	6
`events`	List of DateTime to indicate date	List	[]
`startWeekDay`	Indicated for the beginning of the first day on Sunday	int	0
`innerDot`	Show alternative event design in date box	bool	false
`headerStyle`	Style for `month year` on top left	TextStyle	null
`calendarTextStyle`	Style for dates in calendar	TextStyle	null

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