Flutter中如何实现ChoiceChip hover时修改头像图标颜色

问题核心：ChoiceChip的avatar子组件不会自动继承Chip的MaterialState（比如hover）状态，所以你直接在自定义图标ParkIcons.activity里使用WidgetStateColor.resolveWith无法获取到Chip的hover状态，自然无法触发颜色变化。

解决方案：利用ChoiceChip的onHover回调控制状态 #

通过onHover回调监听Chip的悬停状态，在状态更新时手动切换头像和标签的颜色，这是最直接有效的方法：

class ActivityChip extends StatefulWidget {
  final Activity activity; // 替换为你的activity实际类型
  const ActivityChip({super.key, required this.activity});

  @override
  State<ActivityChip> createState() => _ActivityChipState();
}

class _ActivityChipState extends State<ActivityChip> {
  bool _isHovered = false;

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    final foregroundColor = theme.colorScheme.onPrimary; // 替换为你的默认前景色
    final hoverColor = Colors.red; // 悬停时的目标颜色，与标签保持一致

    return ChoiceChip(
      padding: const EdgeInsets.symmetric(vertical: 12.0),
      // 监听悬停状态变化，更新本地状态
      onHover: (isHovered) {
        setState(() {
          _isHovered = isHovered;
        });
      },
      avatar: ParkIcons.activity(
        widget.activity,
        // 根据悬停状态设置颜色
        color: _isHovered ? hoverColor : foregroundColor,
      ),
      label: Text(widget.activity.displayName),
      labelStyle: theme.textTheme.labelLarge?.copyWith(
        color: _isHovered ? hoverColor : foregroundColor,
      ),
      // 补充必要属性（如selected、onSelected等）
      selected: false,
      onSelected: (selected) {},
    );
  }
}

为什么原来的方法无效？ #

你在ParkIcons.activity里使用的WidgetStateColor.resolveWith，只能获取该图标自身组件的MaterialState，而ChoiceChip的hover状态是属于Chip本身的，不会向下传递给avatar子组件，所以states.contains(WidgetState.hovered)永远为false，颜色不会变化。

额外修正：代码中的冗余return #

你原来的代码里有一处逻辑错误：在判断hover状态后连续写了两个return，第二个return永远不会执行，修正后应为：

// 修正前
if (states.contains(WidgetState.hovered)) {
  print("avatar hover");
  return Colors.red;
  return theme.colorScheme.onSurface; // 永远执行不到
}

// 修正后
if (states.contains(WidgetState.hovered)) {
  print("avatar hover");
  return Colors.red;
}
return theme.colorScheme.onSurface; // 默认颜色

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