Flutter：选中复选框时如何修改CheckboxListTile标题的TextStyle？

核心思路是根据复选框的状态（_value），在构建Text组件时动态配置样式——Flutter是声明式UI，UI由状态驱动，状态更新后build方法会自动重新执行，渲染对应状态的UI。

可运行的修正代码 #

class CheckBoxWidget extends StatefulWidget {
  const CheckBoxWidget({super.key});

  @override
  State<CheckBoxWidget> createState() => _CheckBoxWidgetState();
}

class _CheckBoxWidgetState extends State<CheckBoxWidget> {
  bool _value = false;

  @override
  Widget build(BuildContext context) {
    return CheckboxListTile(
      title: Text(
        'labelText',
        // 根据复选框状态动态切换样式
        style: _value 
            ? const TextStyle(decoration: TextDecoration.lineThrough) 
            : null, // null会使用系统默认样式，也可以自定义默认样式
      ),
      autofocus: false,
      value: _value,
      secondary: const Icon(Icons.double_arrow),
      onChanged: (bool? value) {
        setState(() {
          _value = value!;
          // 这里只需要更新状态，无需直接操作UI
        });
      },
    );
  }
}

你之前的问题分析 #

1. 第一个尝试的错误：strikeLabelText是Text组件类型，但你把它赋值给String类型变量，类型不匹配，根本无法作为Text组件的内容使用。
2. 第二个尝试的错误：在setState里直接写title.Text(...)是错误逻辑——title是CheckboxListTile的参数，不能在回调里直接修改UI元素。Flutter的UI由build方法根据状态生成，你只需要更新状态，build会自动重新渲染正确的UI。

扩展：自定义默认样式 #

如果需要自定义未选中时的文本样式，把代码里的null替换成你想要的TextStyle即可，比如：

style: _value 
    ? const TextStyle(decoration: TextDecoration.lineThrough, color: Colors.grey) 
    : const TextStyle(color: Colors.black87, fontSize: 16),

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