Flutter TableCalendar如何检测月份切换并获取当前可见年月？

左右滑动切换月份的检测、滑动完成后获取可见区域年月，直接使用TableCalendar内置的onPageChanged回调即可，不需要额外添加手势识别逻辑，避免和组件原有交互冲突。
这个回调的触发时机刚好是日历翻页（滑动切换）动画完全结束时，入参为DateTime类型的当前页面对应基准日期，直接从该参数中取year和month属性就能拿到当前可见区域的年份、月份。

• 为TableCalendar组件新增onPageChanged属性配置
• 在回调中编写月份变化的业务逻辑，比如更新当前可见年月状态、加载对应月份的日程数据、触发切换埋点等
• 建议单独维护focusedDay状态变量传递给组件，不要直接用选中日期selectedDay作为focusedDay传值，避免选中跨月日期时出现非预期的跳月问题

// 维护当前可见月份状态
DateTime currentVisibleMonth = DateTime.now();
// 建议单独维护focusedDay，不要直接复用selectedDay
DateTime focusedDay = DateTime.now();
DateTime selectedDay = DateTime.now();
CalendarFormat format = CalendarFormat.month;

TableCalendar(
  focusedDay: focusedDay,
  firstDay: DateTime(1990),
  lastDay: DateTime(2050),
  calendarFormat: format,
  onFormatChanged: (CalendarFormat _format) {
    setState(() {
      format = _format;
    });
  },
  startingDayOfWeek: StartingDayOfWeek.sunday,
  daysOfWeekVisible: true,
  // 滑动翻页完成回调
  onPageChanged: (DateTime visibleDay) {
    setState(() {
      // 更新聚焦日期、当前可见月份状态
      focusedDay = visibleDay;
      currentVisibleMonth = visibleDay;
    });
    // 自定义月份变化逻辑
    // 例如打印当前可见年月、拉取对应月日程、触发切换事件
    print('当前可见区域：${visibleDay.year}年${visibleDay.month}月');
  },
  // 日期选中回调
  onDaySelected: (DateTime selectDay, DateTime focusDay) {
    setState(() {
      selectedDay = selectDay;
      focusedDay = focusDay;
    });
  },
  selectedDayPredicate: (DateTime date) {
    return isSameDay(selectedDay, date);
  },
  eventLoader: _getEventsfromDay,
)

• onPageChanged适配所有日历格式：月视图、周视图、两周视图下滑动翻页都会正确触发，不需要手动根据视图格式做日期换算
• 该回调仅在翻页动画完全结束后触发一次，不会在滑动过程中反复执行，完全匹配「滑动操作完成后获取信息」的需求
• 不要额外给组件包裹手势识别器监听左右滑动，组件内部已经处理了手势冲突、首尾日期边界（firstDay/lastDay）判断，自定义手势监听很容易导致滑动卡顿、翻页失效问题

内容的提问来源于stack exchange，提问作者GRaw