Flutter添加void函数后StatelessWidget的build方法未调用问题求解

你提供的代码存在多处语法错误与逻辑遗漏，是导致build方法无法正常调用、功能不生效的核心原因，对应修复方式如下： #

现存错误盘点 #

• _TaskTileState 类中的 checkboxCallback 函数缺少闭合右大括号，且赋值语句中che ckboxState存在多余空格，属于语法错误，直接阻断代码正常编译运行
• TaskCheckBox 组件内Checkbox的onChanged回调未完成编写，没有绑定传入的交互回调方法，点击复选框无响应
• 回调函数未明确类型，存在类型不匹配的潜在风险

修复步骤 #

1. 补全checkboxCallback的闭合大括号，修复拼写错误，明确参数为Flutter Checkbox默认返回的可空布尔类型
2. 给TaskCheckBox的回调属性明确声明为ValueChanged<bool?>类型，规避类型匹配异常
3. 绑定Checkbox的onChanged回调到传入的toggleCheckBoxState方法，实现状态透传

修复后完整代码 #

import 'package:flutter/material.dart';
class TaskTile extends StatefulWidget {
  @override
  _TaskTileState createState() => _TaskTileState();
}

class _TaskTileState extends State<TaskTile> {
  bool isChecked= true;

  void checkboxCallback (bool? checkboxState){
    setState(() {
      isChecked = checkboxState ?? true;
    });
  }

  @override
  Widget build(BuildContext context) {
    return ListTile(
      title: const Text('This is my task.',
        style: TextStyle(
          decoration: isChecked ? TextDecoration.lineThrough : null,
        ),),
      trailing: TaskCheckBox(isChecked,checkboxCallback),
    );
  }
}

class TaskCheckBox extends StatelessWidget {
  final bool checkboxState;
  final ValueChanged<bool?> toggleCheckBoxState;

  const TaskCheckBox (this.checkboxState, this.toggleCheckBoxState, {super.key});

  @override
  Widget build(BuildContext context) {
    return Checkbox(
      activeColor: Colors.blueAccent,
      value: checkboxState,
      onChanged: toggleCheckBoxState,
    );
  }
}

内容的提问来源于stack exchange，提问作者Usama Bin Tahir