Flutter IconButton点击onPressed正常触发但界面组件无更新问题求助

• 核心高频原因：isFollowing变量定义在了组件的build方法内部。setState触发组件重绘时会重新执行build逻辑，isFollowing会被初始值覆盖，导致状态修改看似未生效。
• 次高频原因：flutter_svg库默认会缓存已加载的SVG资源，切换资源时如果没有触发重绘条件，会复用之前的缓存内容，导致图标不更新。
• 其他排查点：确认当前组件继承自StatefulWidget，setState调用绑定的是当前组件的State实例。

1. 调整isFollowing变量的定义位置，将其从build方法内移动到State类的成员变量区域：

class FollowButtonState extends State<FollowButton> {
  // 将isFollowing定义为State的成员变量，不要放在build方法中
  bool isFollowing = false;
  // 其他自定义变量、方法

  @override
  Widget build(BuildContext context) {
    // 你的原有布局代码
  }
}

2. 如果调整变量位置后图标仍未更新，给SvgPicture.asset添加ValueKey强制状态变更时重绘SVG：

icon: SvgPicture.asset(
  isFollowing ? addCircle : heart,
  key: ValueKey(isFollowing), // 新增Key，状态变化时强制刷新资源
  width: pageWidth * 0.05,
  height: pageWidth * 0.05,
  color: isFollowing ? MyColors.black : MyColors.white
),

3. 可选优化：检查业务逻辑是否写反，当前代码中isFollowing为true时显示"follow"文字，常规业务逻辑下已关注状态应该显示"unfollow"，逻辑写反也会导致视觉效果不符合预期。

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