FLUTTER ECOSYSTEM

mduccc/flutter_calendar_week

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

flutter_calendar_week のプロジェクト画像
Stars
81
Forks
49
最終プッシュ(UTC)
2026/06/05
プロジェクト状態
公開中
Minh Duc GitHub avatar
GITHUB User

Minh Duc ↗

Mobile Software Engineer

Ha Noi, Vietnam公式サイト ↗
言語DartPythonKotlinSwiftHTMLObjective-C

技術トピック

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 3 件
  • flutter{"sdk":"flutter"}
  • intl^0.19.0
  • flutter_test開発用{"sdk":"flutter"}

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる
Flutter calendar week

Flutter calendar week UI package

Screenshot:
https://github.com/mduccc/flutter_calendar_week/blob/master/screenshot/example_app_1.png?raw=true
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,
                      ),
                    )),
              ],
            )