Flutter使用setState切换容器颜色报错：setState isn't defined求助

错误原因分析 #

你的代码存在两个关键问题，分别导致应用崩溃和逻辑异常：

1. 回调执行时机错误：AllContainers里的GestureDetector将onTap设为onPress()，这会在Widget构建时立即执行回调函数，而非点击触发。这种写法会在build阶段调用setState，触发框架异常，同时错误传递了函数执行结果而非函数引用。
2. 颜色判断逻辑错误：第二个AllContainers的颜色判断写成ageStatus == deactiveColor，这是把枚举类型AgeStatus和颜色类型Color直接对比，逻辑完全错误，应该和枚举值AgeStatus.old做对比。

修正后的代码 #

1. 修复AllContainers类

将onTap的onPress()改为onPress，传递函数引用而非执行函数：

import 'package:flutter/material.dart';

class AllContainers extends StatelessWidget {
  final Color colors;
  final Widget mycard;
  final VoidCallback onPress; // 用更明确的VoidCallback替代Function

  AllContainers({
    required this.colors,
    required this.mycard,
    required this.onPress,
  });

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: onPress, // 去掉括号，传递函数引用
      child: Container(
        child: mycard,
        margin: EdgeInsets.all(10),
        decoration: BoxDecoration(
          color: colors,
          borderRadius: BorderRadius.circular(20),
        ),
      ),
    );
  }
}

注：使用VoidCallback替代Function能获得更严格的类型检查，避免传入不符合签名的函数。

2. 修复MyHomePage中的颜色判断逻辑

修正第二个容器的颜色判断条件：

// ... 其余代码保持不变
Expanded(
  child: AllContainers(
    // 修正条件：将deactiveColor改为AgeStatus.old
    colors: ageStatus == AgeStatus.old ? activeColor : deactiveColor,
    onPress: () {
      setState(() {
        ageStatus = AgeStatus.old;
      });
    },
    mycard: MyColumnItems(FontAwesomeIcons.mars, 'FEMALE'),
  ),
)
// ... 其余代码保持不变

补充说明 #

• 传递点击回调时，必须确保传递的是函数对象，而非函数执行结果。加括号会立即执行函数，这是Flutter回调使用的常见误区。
• 状态切换时，要保证判断条件的类型一致，避免跨类型对比导致逻辑失效。

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