animated_horizontal_calendar

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个 Flutter 插件，提供带有内置日期选择器的动画水平日历视图。它允许用户左右滑动浏览月份，提供流畅且互动的日期导航方式。该日历支持自定义样式，非常适合需要直观日期选择的应用程序。它轻量级，并可无缝集成到现有的 Flutter 项目中。

适合场景

日程安排应用中的日期选择
旅行预订界面
活动策划工具
生产力应用中的日历导航
表单中的用户友好的日期选择器

主要特点

动画水平滚动
内置日期选择器
可自定义外观
流畅的用户交互
与 Flutter 的简单集成

适合对象

开发基于日历功能的开发者
需要直观日期导航的应用程序
专注于用户体验的项目
移动端优先的应用程序
Flutter 初学者探索 UI 组件

使用建议

仅限水平布局
原生不支持多选
需要手动处理日期逻辑
未针对垂直滚动进行优化
可能需要额外的样式来支持复杂主题

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

A flutter plugin to show animated horizontal view of calendar with date picker.

Features

Select custom date with Date picker
CustomShape and style for Selected and unSelected Item.
Swipe behavior
Animated behavior

Getting Started

This project is a starting point for a Flutter plug-in package, a specialized package that includes platform-specific implementation code for Android and/or iOS.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

depandancy packeges

intl

App Demo

Example

This plugin allow you to do custom styles and shapes for Selected and UnSelected dates

    Container(
        height: 100,
        child: AnimatedHorizontalCalendar(
        tableCalenderIcon: Icon(Icons.calendar_today, color: Colors.white,),
        date: DateTime.now(),
        textColor: Colors.black45,
        backgroundColor: Colors.white,
        tableCalenderThemeData:  ThemeData.light().copyWith(
            primaryColor: Colors.green,
            accentColor: Colors.red,
            colorScheme: ColorScheme.light(primary: Colors.green),
            buttonTheme: ButtonThemeData(textTheme: ButtonTextTheme.primary),
        ),
        selectedColor: Colors.redAccent,
        onDateSelected: (date){
        selectedDate = date;
        } 
      ),
    ),

搜索插件、代码仓与 APP 分类