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 分类

安装插件