flutter- zsh_calendar 日历组件，支持周日切换，支持滑动收缩，支持上下月跳转，支持跳到某个日期，支持边界效果，日历中每个日期、周的widget都可自定义

最新推荐文章于 2024-10-18 12:27:32 发布

ai_pple

最新推荐文章于 2024-10-18 12:27:32 发布

阅读量1.9k

点赞数 2

分类专栏： Flutter 文章标签： flutter

本文链接：https://blog.csdn.net/ai_pple/article/details/108539892

版权

本文介绍了一个Flutter日历组件zsh_calendar，具备周日切换、滑动收缩、上下月跳转、跳到指定日期及边界效果等功能。用户可以高度自定义日历的每个日期和周的样式。提供了github地址和pub.dev链接，以及详细使用方法。

摘要由CSDN通过智能技术生成

zsh_calendar 日历组件，支持周日切换，支持滑动收缩，支持上下页跳转，支持跳到某个日期，支持边界效果，日历中每个日期、周的widget都可自定义

效果
使用方法
- 导入文件
- 使用
更多效果以及完整代码在[github](https://github.com/hellozsh/zsh_calendar)

附上
github 地址:
pub.dev 地址

效果

可高度自定义的日历，日历中每个日期、周都可以自定义样式，
实现了

项目1跳转到某个日期功能，
上下月跳转功能
左右滑动切换功能
周日历和月日历切换功能
上下滑动收缩功能

效果1:
在这里插入图片描述
效果2:

使用方法

导入文件

方式1: 将代码下载下来，将里面的lib/src下的文件夹导入到自己的项目中
方式2: pubspec.yaml 添加

dependencies:
  zsh_calendar: ^0.0.1

然后控制台执行: flutter pub get 既可

使用

在要使用zsh_calendar的地方写:

import 'package:zsh_calendar/zsh_calendar.dart';

带收缩日历用CalendarSliverDelegate，他是SliverPersistentHeader的代理，外层用CustomScrollView包裹，
如下：

CustomScrollView(

          slivers: [
            Consumer<MedicHistoryProvider>(
                builder: (context, MedicHistoryProvider counter, _) {
   

                  return  SliverPersistentHeader(

                    delegate: CalendarSliverDelegate(
                      startTime: DateTime(2020, 2, 3),
                      endTime: DateTime(2021, 2, 3),
                      currentPageTime: counter.firstCurrentPageTime,
                      calendarController: _calendarController,
                      weekdayHeader: CalendarWeekday(