flutter pub add calendar_timeline基于插件公开信息、社区数据与项目使用情况整理的选型参考。
CalendarTimeline 是一个紧凑的水平日期选择器，专为高效的一只手操作和最小化屏幕空间而设计。它始终显示当前日期，非常适合需要频繁选择日期的应用程序。时间轴布局使用户可以无缝滑动浏览天、周或月。基于 Flutter 构建，支持 Android、iOS、Web、macOS、Windows 和 Linux 等多个平台。其简洁的界面在表单、日程安排工具和每日计划中提升了可用性。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
Flutter widget form select a date in horizontal timeline with customizable styles.
You can use this package when you need to add a date picker that takes up little screen space, so we can always have it visible, and that facilitates use with one hand.
| Property | Type | Description |
|---|---|---|
| initialDate | DateTime | Initial date selected |
| firstDate | DateTime | First date available in calendar |
| lastDate | DateTime | Last date available in calendar |
| selectableDayPredicate | SelectableDayPredicate | Signature for predicating dates for enabled date selections |
| onDateSelected | OnDateSelected | Callback to notify that a date has been selected |
| leftMargin | double | Left margin to month and day list |
| monthColor | Color | Color for month list elements |
| dayColor | Color | Color for day list elements |
| activeDayColor | Color | Color for selected day text |
| activeBackgroundDayColor | Color | Color for selected day background |
| dotColor | Color | Color for top dots in select day |
| locale | String | Locale string to get formatted date |
| showYears | bool | Indicates if it show year selector |
You can review the example folder for a complete example of using the widget.
CalendarTimeline(
initialDate: DateTime(2020, 4, 20),
firstDate: DateTime(2019, 1, 15),
lastDate: DateTime(2020, 11, 20),
onDateSelected: (date) => print(date),
leftMargin: 20,
monthColor: Colors.blueGrey,
dayColor: Colors.teal[200],
activeDayColor: Colors.white,
activeBackgroundDayColor: Colors.redAccent[100],
dotsColor: Color(0xFF333A47),
selectableDayPredicate: (date) => date.day != 23,
locale: 'en_ISO',
)
依赖清单 2 项
^0.19.0^0.3.5