Flutter中基于Hive生成待办预设列表及复选框状态保存问题

核心问题 #

1. 第一个列表使用全局变量checkBoxValue管理所有复选框状态，导致所有项的选中状态同步变化，无法单独保存每个项的状态。
2. 第二个列表直接复用widget.template.isCompleted，属于共用状态，无法区分单个列表项的完成状态。
3. 原始JSON数据未存储单个列表项的完成状态，导致状态无法持久化。

解决步骤 #

1. 更新JSON数据结构

给每个模板项添加isCompleted字段，初始值设为false，示例：

// _nbtemplate 和 _shtemplate 结构调整
[
  {"name": "任务1", "el": "描述1", "isCompleted": false},
  {"name": "任务2", "el": "描述2", "isCompleted": false}
]

2. 修改第一个ListView的复选框逻辑

移除全局checkBoxValue，直接使用对应列表项的isCompleted字段：

// 替换第一个ListView的Checkbox部分
leading: Checkbox(
  value: _nbtemplate[index]['isCompleted'] ?? false,
  onChanged: (value) {
    setState(() {
      _nbtemplate[index]['isCompleted'] = value!;
      _saveTile(); // 保存更新后的列表数据到JSON
    });
    if (widget.project.isCompleted) {
      widget.project.isCompleted = false;
      updateProject(widget.project);
    }
    updateTmpl(widget.project, _nbtemplate[index], value!);
  },
),
// 同时更新Text的decoration逻辑
decoration: widget.project.isCompleted || (_nbtemplate[index]['isCompleted'] ?? false)
    ? TextDecoration.lineThrough
    : null,

3. 修改第二个ListView的复选框逻辑

同样使用每个项自身的isCompleted字段，而非共用的widget.template.isCompleted：

// 替换第二个ListView的Checkbox部分
leading: Checkbox(
  value: _shtemplate[index]['isCompleted'] ?? false,
  onChanged: (value) {
    setState(() {
      _shtemplate[index]['isCompleted'] = value!;
      // 调用保存方法持久化数据
    });
    if (widget.project.isCompleted) {
      widget.project.isCompleted = false;
      updateProject(widget.project);
    }
    updateTmpl(widget.project, _shtemplate[index], value!);
  },
),
// 更新Text的decoration逻辑
decoration: widget.project.isCompleted || (_shtemplate[index]['isCompleted'] ?? false)
    ? TextDecoration.lineThrough
    : null,

4. 完善持久化逻辑

确保_saveTile()方法将包含isCompleted字段的完整列表数据写入JSON文件，这样重新加载应用时，每个项的选中状态会被正确恢复。

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