Flutter日程规划器拖拽异常：仅前3个Time Slot可接收任务

核心思路 #

通过在拖拽目标（DragTarget）的接收判断逻辑中加入时间段校验，只允许13:00-14:30之间的三个30分钟时段接收任务。

具体修改步骤 #

1. 定义允许的时间段集合
   在代码合适的位置（比如页面类的顶部）添加允许接收任务的时段起始时间：

// 允许接收任务的时段起始时间（24小时制）
final allowedStartTimes = [
  TimeOfDay(hour: 13, minute: 0),
  TimeOfDay(hour: 13, minute: 30),
  TimeOfDay(hour: 14, minute: 0),
];

2. 修改DragTarget的接收判断逻辑
   找到代码中每个Time Slot对应的DragTarget组件，修改它的onWillAccept回调，加入时间段校验：

DragTarget<Task>(
  // 假设你的每个slot对象有startTime属性，类型为TimeOfDay
  onWillAccept: (task) {
    // 检查当前slot的起始时间是否在允许列表内
    return allowedStartTimes.contains(slot.startTime);
  },
  onAccept: (task) {
    // 保留你原本的任务添加逻辑
    addTaskToCurrentSlot(task);
  },
  builder: (context, candidateData, rejectedData) {
    // 原有的slot UI构建逻辑保持不变
    return TimeSlotWidget(slot: slot);
  },
)

3. 适配不同的时间存储格式

• 如果你的slot时间是用字符串（如"13:00"）存储，把allowedStartTimes改成字符串集合：["13:00", "13:30", "14:00"]，判断逻辑改为allowedStartTimes.contains(slot.timeStr)。
• 如果使用第三方日程组件，找到对应接收任务的判断方法，加入同样的时间段校验即可。

额外优化（可选） #

给不允许接收的slot添加视觉反馈，让用户直观区分：

builder: (context, candidateData, rejectedData) {
  final isAllowed = allowedStartTimes.contains(slot.startTime);
  return Opacity(
    opacity: isAllowed ? 1.0 : 0.6,
    child: TimeSlotWidget(slot: slot),
  );
},

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