Flutter TableCalendar 日历组件

TableCalendar 是一个比较流行的 Flutter 日历组件库，在 pub.dev 上高达 2700 个 likes。

在本文中梳理了我在使用该库时，使用经验积累。关于完整文档，请参与该项目首页 table_calendar | Flutter package。

基础使用

TableCalendar(
  firstDay: DateTime.utc(2010, 10, 16),
  lastDay: DateTime.utc(2030, 3, 14),
  focusedDay: DateTime.now(),
);

最核心的 3 各属性：

• firstDay：是日历的第一个可用日期。之前的日期不可访问。
• lastDay：是日历的最后可用日期。之后的日期不可访问。
• focusedDay 是当前的聚焦日期。应确保位于可见日期之内。

点击时间

点击后更新 focusedDay：

selectedDayPredicate: (day) {
  return isSameDay(_selectedDay, day);
},

onDaySelected: (selectedDay, focusedDay) {
  setState(() {
    _selectedDay = selectedDay;
    _focusedDay = focusedDay; // update `_focusedDay` here as well
  });
},

其中：isSameDay 是 TableCalendar 库中提供的工具方法。

网络资源

• table_calendar | Flutter package

本文作者：Maeiee

本文链接：Flutter TableCalendar 日历组件

版权声明：如无特别声明，本文即为原创文章，版权归 Maeiee 所有，未经允许不得转载！

喜欢我文章的朋友请随缘打赏，鼓励我创作更多更好的作品！