Flutter中点击IconButton无法切换图标样式及颜色问题求助

你的代码里存在一个关键问题：状态变量_iconData和_iconColor被定义在了build方法内部。每次调用setState时，Flutter会重新执行build方法，这两个变量会被重新初始化为Icons.favorite_border_outlined和Colors.red，所以点击后看不到任何变化。

修复步骤 #

把这两个状态变量移到State类的成员位置（build方法外面），确保它们不会在每次build时被重置：

// 假设这是你的State类内部代码
class _YourWidgetState extends State<YourWidget> {
  // 将状态变量放在类成员位置
  IconData _iconData = Icons.favorite_border_outlined;
  Color _iconColor = Colors.red;

  @override
  Widget build(BuildContext context) {
    String adTitle = widget.documentSnapshot['Title'];
    // 修正：变量名不能以$开头，调整为符合Dart规范的命名
    String adDescription = widget.documentSnapshot['Description'];

    return Scaffold(
      body: Column(
        children: [ 
          Row(
            children: [
              IconButton.outlined(
                icon: Icon(
                  _iconData,
                  size: 40,
                  color: _iconColor,
                ),
                onPressed: () {
                  setState(() {
                    _iconData = Icons.favorite;
                    _iconColor = Colors.blue;
                  });
                },
              )
            ],
          ),
        ],
      ),
    );
  }
}

额外说明：原代码中$adDescription的命名不符合Dart语法规范，变量名不能以$开头，已同步修正。

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