Flutter ListView点击单个点赞按钮触发全部变红问题求助

问题出在你使用了全局的isLiked变量控制所有帖子的点赞状态，只要这个变量改变，所有帖子的按钮都会同步切换状态。每个帖子的点赞状态是独立的，需要为每条帖子数据维护专属的标记。

具体修复步骤： #

1. 为每条帖子添加独立的点赞状态字段
   在storyList的每个帖子对象中加入isLiked字段，初始值可设为false（如果是从数据库加载，建议后端返回该帖子是否已被当前用户点赞的状态）。
   示例初始化逻辑：

   // 假设从数据库获取到storyList后，为每条数据添加字段
   for (var item in storyList) {
     item['isLiked'] = false; // 或根据实际数据库状态赋值
   }
   

2. 修改点赞按钮的交互与状态判断
   给点赞Icon添加点击事件，切换当前帖子的isLiked状态，同时把状态判断从全局变量改为当前帖子的字段：

   Padding(
     padding: const EdgeInsets.only(left: 20),
     child: Container(
       child: Row(
         children: [
           GestureDetector(
             onTap: () {
               setState(() {
                 // 切换当前帖子的点赞状态
                 storyList[index]['isLiked'] = !storyList[index]['isLiked'];
                 // 可选：这里加入更新数据库的逻辑，同步点赞状态到后端
               });
             },
             child: storyList[index]['isLiked'] == false
                 ? Icon(
                     Icons.favorite_border_outlined,
                     color: Colors.grey.shade500,
                   )
                 : Icon(
                     Icons.favorite,
                     color: Colors.pinkAccent,
                   ),
           ),
           Padding(
             padding: const EdgeInsets.only(left: 2),
             child: Text(""),
           )
         ],
       ),
     ),
   ),
   

这样修改后，每个帖子的点赞状态都是独立维护的，点击某条帖子的点赞按钮只会改变该帖子的按钮样式。

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