Flutter开发周计划Todo应用时遭遇RangeError问题求助

错误根源 #

你遇到的RangeError是因为ListView.builder的itemCount设置错误：

• db.toDoList.length返回的是整个Map的键数量（7个，对应7天），但每个星期对应的任务列表长度才是当前页面应该渲染的条目数。
• 比如某天只有1条任务，当ListView尝试渲染第2条（index=1）时，就会超出该天任务列表的范围，触发索引越界错误。

修复代码 #

直接修正ListView.builder的itemCount，改为对应星期的任务列表长度：

body: ListView.builder(
    // 替换为当前day对应的任务列表长度，空列表时返回0避免异常
    itemCount: db.toDoList[day]?.length ?? 0,
    itemBuilder: (context, index) {
        return ToDoTile(
            taskname: db.toDoList[day]![index][0],
            taskStatus: db.toDoList[day]![index][1], 
            onChanged: (value) => checkBoxChanged(value, index),
            deleteFunction: (context) => deleteTask(index),
        );
    },
),

额外优化建议 #

为了代码更健壮、可读性更强，可以做以下调整：

1. 在ToDoData类中添加获取指定日期任务的方法，避免直接操作Map：

class ToDoData {
  // ... 原有代码 ...

  // 获取指定星期的任务列表，默认返回空列表
  List getTasksForDay(String day) {
    return toDoList[day] ?? [];
  }
}

2. 在页面中使用这个方法，同时避免强制解包：

// 先获取当前天的任务列表
final dailyTasks = db.getTasksForDay(day);

body: ListView.builder(
    itemCount: dailyTasks.length,
    itemBuilder: (context, index) {
        final task = dailyTasks[index];
        return ToDoTile(
            taskname: task[0],
            taskStatus: task[1], 
            onChanged: (value) => checkBoxChanged(value, index),
            deleteFunction: (context) => deleteTask(index),
        );
    },
),

这样可以有效避免空指针和索引越界问题，同时让代码逻辑更清晰。

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