パッケージ、リポジトリ、アプリカテゴリを検索

flutter_calendar_week のカバー
パッケージ詳細v4.0.1

flutter_calendar_week

Flutter カレンダー週 UI パッケージ

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
529
いいね数
41
Pub ポイント
140

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

flutter pub add flutter_calendar_week

パッケージ概要

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

Flutterパッケージで、カスタマイズ可能な週ベースのカレンダーユーザーインターフェースを提供し、週間スケジュールの表示と操作に最適です。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,
                      ),
                    )),
              ],
            )

カテゴリー

依存関係

依存関係一覧 1 件

ソースリポジトリ

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

データはまだありません。