如何更改 flutter 中的特定图标颜色？

Question

I'm trying to change an IconButton's color when the user clicks on it, I've tried setting a state when user clicks on it, but the problem is that every Icon in the page changes color i want this to happen to the buttons that user clicks not all of them, these icons are for social media posts so i cant define a variable.

                     Padding(
                  padding: EdgeInsets.fromLTRB(15.0, 15.0, 15.0, 10.0),
                  child : Row(
                    mainAxisAlignment: MainAxisAlignment.end,
                    children: [


                      IconButton(
                        icon: Icon(
                            Icons.favorite_border,
                            color: Colors.black,
                            size : 25.0
                        ),
                        onPressed: () {

                        },
                      ),
                      Text(
                        '29k',
                        style: TextStyle(
                          color : Colors.black,
                          fontSize: 15.0,
                        ),
                      ),
                      SizedBox(width: 10.0,),
                      IconButton(
                        icon: Icon(
                            Icons.question_answer,
                            color: _likeButtonColor,
                            size : 25.0
                        ),
                        onPressed: () {
                          print(games[index]['posts']);
                          setState(() {
                            _likeButtonColor = Colors.red;
                          });
                        },

                      ),
                      Text(
                        '1312',
                        style: TextStyle(
                          color : Colors.black,
                          fontSize: 15.0,
                        ),
                      )


                    ],
                  ),
                ),

Answer 1

The problem is that you are using same variable for all IconButton widget's color property.

You have to create a list which hold the value of color for each items let me show you with example.

class Delet2 extends StatefulWidget {
  @override
  _Delet2State createState() => _Delet2State();
}

class _Delet2State extends State<Delet2> with SingleTickerProviderStateMixin {
  List<Color> _colors = [];

  getdatafromserver() async {
    await Future.delayed(
        Duration(seconds: 2)); //this show you are fetching data from server
    _colors =
        List.generate(10, (index) => Colors.amber); // here 10 is items.length
    setState(() {});
  }

  @override
  void initState() {
    super.initState();
    getdatafromserver();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ListView.builder(
        itemCount: _colors.length ?? 0,
        itemBuilder: (_, index) {
          return IconButton(
              icon: Icon(Icons.question_answer,
                  color: _colors[index], size: 25.0),
              onPressed: () {
                setState(() {
                  _colors[index] = Colors.red;
                });
              });
        },
      ),
    );
  }
}