flutter_calendar_week

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

一個 Flutter 套件，提供可自訂的基於週的日曆 UI，非常適合顯示和互動每周行程。它支援多個平台，包括 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,
                      ),
                    )),
              ],
            )

搜尋套件、儲存庫與 APP 分類

安裝套件