Flutter：如何在StatefulWidget中初始化静态布尔成员变量？

你当前的核心错误是误用了静态变量：静态变量isCheck属于CheckIcon类本身，所有实例会共享同一个值，既无法实现每个按钮初始状态不同，也不能在构造函数中为每个实例单独初始化。以下是正确的修改方案：

1. 修正CheckIcon组件定义 #

把静态变量改为实例变量，让每个CheckIcon实例拥有独立的初始值：

import 'package:flutter/material.dart';

class CheckIcon extends StatefulWidget {
  // 改为实例变量，每个组件实例独立持有
  final bool isCheck;

  // 构造函数接收初始值，标记为required确保调用时必须传入
  const CheckIcon({
    Key? key,
    required this.isCheck,
  }) : super(key: key);

  @override
  State<CheckIcon> createState() => _CheckIconState();
}

2. 修正State类的状态管理 #

在State类中维护可变的本地状态，初始值从widget.isCheck获取，点击时切换状态：

class _CheckIconState extends State<CheckIcon> {
  // 本地状态变量，用于存储当前选中状态
  late bool _currentCheckState;

  @override
  void initState() {
    super.initState();
    // 用widget传入的初始值初始化本地状态
    _currentCheckState = widget.isCheck;
  }

  @override
  Widget build(BuildContext context) {
    return IconButton(
      splashRadius: 18.0,
      icon: Icon(
        _currentCheckState
            ? Icons.check_circle_rounded
            : Icons.check_circle_outline_rounded,
        color: Colors.lightBlue,
        size: 20,
      ),
      onPressed: () {
        setState(() {
          // 切换本地状态，触发UI更新
          _currentCheckState = !_currentCheckState;
        });
      },
    );
  }
}

为什么这么改？ #

• 实例变量widget.isCheck让每个CheckIcon可以接收不同的初始值，满足你CheckIcon(isCheck: true)和false的需求。
• State类中的_currentCheckState负责维护可变的状态（因为widget成员是不可变的final），点击时通过setState触发UI刷新。

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